5

Short description
Scaled in tabs may override each other’s space if one tab is inferior to the other by its position (demo 1)
or override blank space of superior tabs to them by position (demo 2)

Steps to reproduce:

  1. Scale-in a page
  2. Swipe to the tab on left
  1. Scale-in a page
  2. Hold the scale with fingers and scale just a bit, without triggering toolbar hiding
  3. Swipe to the page on right
  4. Make sure the tab you switched to does not take any space behind toolbar

Orion, OS version; hardware type:
App version: 1.2 (4) (WebKit 8612.2.9.0.20)
System version: 15.1.0
Device type: iPhone 11
Native bounds: (828.0, 1792.0)
Scale: 2.0
Regular tabs: 110/110/110/https://orionfeedback.org/
Private tabs: 0/0/0/(

Image/Video:

Demo 1

Demo 2

    Steps to reproduce:

    1. Open 2 (or more) tabs.
    2. Zoom the content on the 2nd (or further) tab and arrange it on the screen so that some content goes beyond the left edge of the screen.
    3. Switch to the 1st (or generally the one to the left) tab. Content from the other tab will overflow to the current one, covering part of its content.

    Expected behavior:
    No content overflow between the tabs under any circumstances.

    Orion, OS version; hardware type:
    Orion 1.2 (4)
    iOS 15.7.1
    iPhone 13 mini

    Notes

    • No such issue in Safari
    • The overflow occurs only from the right (like 2nd) tab to the left one (like 1st), not the other way round.
    • You can also do it with 3 or more tabs making the content from the 3rd tab overflow all the way to the 1st one and thus completely covering the 2nd one. You're ony limited by the maximum zoom level.
    • You can notice that only part of the website is shown on the overflowing part.
    • Vlad replied to this.
      4 days later
      7 days later
      Merged 3 posts from Tab content overflow.
        2 years later
        No one is typing