nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Issue: calcite-panel overflow scroll

My web app (responsive) used calcite components and has issue with calcite-panel overflow.

Desktop: The overflow scroll is fine, but there is white space:

Mobile (iPhone/iPad): There is white space and no overflow scroll:

Thanks.

Forrest

Vind meer berichten getagd met

Accepted answers

Work around:

Set display-mode to "overlay" instead of "dock".

All comments

Work around:

Set display-mode to "overlay" instead of "dock".

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.