Page MenuHomePhabricator

In mobile view, source area within <div> setting un-scrollable when float setting is either left or right
Open, Needs TriagePublicBUG REPORT

Description

List of steps to reproduce (step by step, including full links if applicable):

  • Use your smartphone, i.e. an iPhone or an Android
  • Make sure the edition is "mobile view"
  • Find any page using a <div> setting for a particular area, which may or may not include a wide template, for a portrait orientation, like "RFX report" in Wikipedia:Requests for adminship/Header
  • On your smartphone, try to scroll the (wide) template (or any other area using the <div> setting) in portrait orientation.
  • When you edit a page using a <div> for content, like a wide template, or when you partially copy the area of the <div> into a sandbox, like mine, set the float style setting of <div> to either left or right

What happens?: A wide content, like a wide template and/or a search box, doesn't scroll left or right on portrait orientation of your smartphone when the float setting is either left or right. However, the wide content, template does scroll when float setting is none. (unsure whether inherit, or initial exists for Mediawiki infrastructure)

If the float setting isn't the sole factor, must have been either the margin setting or something else. I checked past logs/revisions of one page, like this one. Somehow, other settings must have been adjusted to make the template scrollable.

Tried other ways without affecting one <div> setting of one whole area, especially by either adjusting or removing margin style. I even tried overflow for another one of <div> settings. Wide template and search box still un-scrollable.

What should have happened instead?: A wide content/area using the <div> should have scrolled in any float setting of <div> on mobile view. Or, rather should have seen a search

Software version (if not a Wikimedia wiki), browser information, screenshots, other information, etc.: Chrome mobile 98.0.4758.101 (latest for mobile version)

Screenshot_20220305-111518_Chrome.jpg (2×1 px, 933 KB)
float: right
Screenshot_20220305-111725_Chrome.jpg (2×1 px, 805 KB)
float: left
Screenshot_20220305-111627_Chrome.jpg (2×1 px, 785 KB)
float: inherit
Screenshot_20220305-111746_Chrome.jpg (2×1 px, 798 KB)
float: none
Screenshot_20220305-111809_Chrome.jpg (2×1 px, 866 KB)
float: initial

Event Timeline

gh87 renamed this task from In mobile view, wide templates un-scrollable when float setting of <div> is either left or right to In mobile view, source area within <div> setting un-scrollable when float setting is either left or right.Mar 5 2022, 9:08 PM
gh87 updated the task description. (Show Details)