Branch: refs/heads/main
Home: https://github.com/WebKit/WebKit
Commit: 23df7d03b8f7f9bbff942638be9b54f2631266fb
https://github.com/WebKit/WebKit/commit/23df7d03b8f7f9bbff942638be9b54f2631266fb
Author: Sammy Gill <[email protected]>
Date: 2026-06-12 (Fri, 12 Jun 2026)
Changed paths:
M Source/WebCore/page/Quirks.cpp
M Source/WebCore/page/Quirks.h
M Source/WebCore/page/QuirksData.h
M Source/WebCore/style/StyleAdjuster.cpp
Log Message:
-----------
amazon.design: bottom of navigation menu is clipped on devices with certain
viewports
https://bugs.webkit.org/show_bug.cgi?id=306649
rdar://169307770
Reviewed by Brent Fulgham.
On certain types of iOS devices, particularly Pro Max phones,
the bottom portion of the navigation menu gets obscured by Safari's navigation
toolbar. The page's navigation bar content is a flex item with margin-top:
auto inside a flexbox that has a height based off 100vh. It seems likes
there are some offests that are subtracted from the 100vh in an attempt
to make sure the content is placed correctly since the auto top margin
pushes the content to the bottom.
However, it does not seem like this is enough since on the aforementioned
devices the bottom of the "Amazon Log In," text ends up getting hidden by
Safari's toolbar. The reason is does not seem to reproduce on Pro devices
is because those devices have a narrower viewport and second line is
created after the log in text. This line is created because there is a
SVG that appears after the text that does not fit on the line. That
pushes the "Amazon Log In," text a bit up and what ends up happening is
the SVG ends up getting clicked. In fact, if you set the viewport
dimensions to the same dimensions as a Pro device on other browsers you
end up getting the same layout. However, it does not become visible
until you hover over the text so for the purposes of this targeted fix
it is probably ok.
To fix this we can apply a quirk that forces the flexbox that contains
the navigation bar content to use 100dvh, which takes into
convisderation the space taken up by Safari's navigation bar, instead of
100vh.
Canonical link: https://commits.webkit.org/315134@main
To unsubscribe from these emails, change your notification settings at
https://github.com/WebKit/WebKit/settings/notifications
