Skip to content

Commit 02832f4

Browse files
committed
Revert "Fix ios scroll lock on countrySelectorModal"
This reverts commit b329adb.
1 parent aeb3adf commit 02832f4

File tree

1 file changed

+7
-12
lines changed

1 file changed

+7
-12
lines changed

components/countrySelectorModal.js

Lines changed: 7 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -72,19 +72,19 @@ export default function CountrySelectorModal({ shown, onClose, currentCountry, o
7272
boxShadow: 'none',
7373
maxWidth: '100%',
7474
width: 'auto',
75-
overflow: 'hidden'
75+
overflow: 'visible'
7676
},
7777
overlay: {
7878
background: 'rgba(0, 0, 0, 0.8)',
79-
backdropFilter: 'blur(10px)'
79+
backdropFilter: 'blur(10px)',
80+
overflow: 'hidden'
8081
}
8182
}}
8283
>
8384
<div className="join-party-card" style={{
8485
maxWidth: '600px',
8586
width: '90vw',
8687
maxHeight: '80vh',
87-
overflow: 'hidden',
8888
display: 'flex',
8989
flexDirection: 'column',
9090
animation: 'slideInUp 0.6s ease-out'
@@ -108,18 +108,14 @@ export default function CountrySelectorModal({ shown, onClose, currentCountry, o
108108
<div style={{
109109
flex: 1,
110110
minHeight: 0,
111-
overflowY: 'scroll',
111+
overflowY: 'auto',
112112
overflowX: 'hidden',
113-
WebkitOverflowScrolling: 'touch',
114-
overscrollBehavior: 'contain',
113+
display: 'grid',
114+
gridTemplateColumns: 'repeat(auto-fill, minmax(min(160px, 100%), 1fr))',
115+
gap: '8px',
115116
marginBottom: '15px',
116117
paddingRight: '5px'
117118
}}>
118-
<div style={{
119-
display: 'grid',
120-
gridTemplateColumns: 'repeat(auto-fill, minmax(min(160px, 100%), 1fr))',
121-
gap: '8px',
122-
}}>
123119
{filteredCountries.map(code => (
124120
<button
125121
key={code}
@@ -172,7 +168,6 @@ export default function CountrySelectorModal({ shown, onClose, currentCountry, o
172168
</span>
173169
</button>
174170
))}
175-
</div>
176171
</div>
177172

178173
<div style={{ display: 'flex', gap: '10px', justifyContent: 'center', flexShrink: 0 }}>

0 commit comments

Comments
 (0)