Fixed Container with Overflow Sibling breaks Viewport


I encountered a problem with sticky positioning and siblings that overflow the viewport.

Tested it (and reproduced) on the following devices / browsers:

  • Galaxy S22, Android 12, Samsung Browser 16
  • Galaxy S22 Ultra, Android 12 , Samsung Browser 16
  • Galaxy S21, Android 11, Samsung Browser 16
  • Galaxy S10, Android 9, Samsung Browser 16

You can find a simple implementation of the problem here: Document

Expected behaviour is:

  • the fixed container’s width is the viewport width
  • the content overflows and scrolls

Observed behaviour on samsung internet:

  • fixed container expands over the viewport
  • it is possible to zoom out, ignoring <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

Are you facing the same issues in the updated Samsung internet (v17)?

On a Galaxy A54 Android 12 it is reproducible with

  • Samsung Internet
  • Samsung Internet

It is, by the way, a known problem: