Horizontal scroll below tab bar

We have some horizontal scrolls in our app. When the Duo is open in landscape mode, the scroll content is displayed below the tab bar. Is this expected? Or should we clip the content?

Answered by Frameworks Engineer in 906526022

We have some horizontal scrolls in our app. When the Duo is open in landscape mode, the scroll content is displayed below the tab bar. Is this expected? Or should we clip the content?

Yes, this is expected. Don't clip your content manually. The right side of your view will have a safe area inset which will automatically become a content inset on the scroll view, allowing all the content in the scroll view to be reachable.

Same question here. I show a table/spreadsheet in landscape mode and I don’t know whether the overlap with vertical tab bar is deliberate and should be left like that or whether I should adjust the scroll area.

Hello!

From what I can tell, the content should not be clipped under the vertical bars, as the only time that is not visible is when Reduce Transparency is enabled in Settings. Otherwise, it has two behaviors:

  1. No background when there is no horizontal scroll area
  2. A partially translucent background when there are horizontal scroll areas, so clipping content would be noticeable

Refer to the Tech Talk "Raise the bar with iPhone Duo" timestamp 10:52.

Hope this helps!

Accepted Answer

We have some horizontal scrolls in our app. When the Duo is open in landscape mode, the scroll content is displayed below the tab bar. Is this expected? Or should we clip the content?

Yes, this is expected. Don't clip your content manually. The right side of your view will have a safe area inset which will automatically become a content inset on the scroll view, allowing all the content in the scroll view to be reachable.

Horizontal scroll below tab bar
 
 
Q