MediaWiki:Common.css: Difference between revisions

fix tab bar getting stuck mid-page on scroll (overflow-x rule was breaking document-level scroll)
force normal document-level scroll so tab bar scrolls with the page instead of overlapping content
Line 1,295: Line 1,295:
   explicit min-width so they're actually allowed to shrink.
   explicit min-width so they're actually allowed to shrink.
   ========================================================================== */
   ========================================================================== */
/* Only html, not body: setting overflow-x on both makes the browser
/* Force normal document-level scrolling. Something (base skin CSS, not
   auto-promote overflow-y to auto on both too (CSS overflow spec), which
   wiki-editable) was letting <body> become its own independent scroll
  here made <body> win as the actual scroll container instead of <html>.
  container while <html> stayed pinned to the viewport height - which
   That broke position:absolute elements like the tab bar, which expect
   made position:absolute elements like the tab bar (whose containing
   the normal document/html-level scroll to carry them off-screen. */
   block is the html-level initial containing block) behave as if fixed,
  overlapping content instead of scrolling away with it normally. */
html, body {
    height: auto !important;
    overflow-y: visible !important;
}
html {
html {
     overflow-x: hidden;
     overflow-x: hidden;