Uploaded image for project: 'MusicBrainz Server'
  1. MusicBrainz Server
  2. MBS-13644

Cover art causes layout shift in release/RG sidebar

XMLWordPrintable

      When I load the page for a release or release group that has cover art, there's a big vertical layout shift in the right sidebar when the image is loaded/decoded after a second or two. If I'm trying to interact with the sidebar, this sometimes causes me to click the wrong link.

      Setting a minimum height on the div where the image is expected to be displayed helps minimize the size of the shift. I believe that there's an unavoidable shift for non-square images (but please let me know if image dimensions or aspect ratios are stored somewhere that's available at page load – if so, I couldn't find it).

      I've made a local change that seems to work.

            derat derat
            derat derat
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Version Package
                2024-07-22