Skip to content

Commit 1040e0c

Browse files
authored
Prevent text in the mobile popover from being truncated on an iPhone 14 Pro Max (#364)
The text in this popover menu was being truncated on my iPhone 14 Pro Max. We couldn't reproduce it on my laptop even with the screen size, but after hooking up my iPhone to my Macbook to debug, we found that adding `w-max` to the `div` fixed the issue on my iPhone and didn't cause any unintended visual regressions when retesting the popover on my laptop.
1 parent 3401faa commit 1040e0c

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

app/routes/jam/navbar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ function MobileMenu() {
5656
</svg>
5757
</summary>
5858
<div className="absolute right-0 z-20 lg:left-0">
59-
<div className="top-1 p-1">
59+
<div className="top-1 p-1 w-max">
6060
<nav className="flex flex-col gap-2 overflow-hidden rounded-[2rem] bg-black/40 px-2 py-2.5 backdrop-blur-lg">
6161
<MobileNavLink to={href("/jam/2025/lineup")}>
6262
Schedule & Lineup

0 commit comments

Comments
 (0)