osmcha-frontend icon indicating copy to clipboard operation
osmcha-frontend copied to clipboard

ElementInfo wrapper breaks on Safari mobile

Open tordans opened this issue 6 months ago • 0 comments

Describe the bug

When I look at the ElementInfo on mobile safari, the width is not reset to 100% but instead parts of the screen is cut of. This does not happen in Chrome dev tools but can be reproduced in Safari dev tools. It looks like the min-width/max-width inline styles work differently on safari.

It looks like the easiest way around this is to use media queries to change the styles for mobile vs. desktop. Something like this: https://play.tailwindcss.com/ynIJRm93CF?size=612x711

Image

Changeset URL

No response

Environment

Safari mobile

Additional information

No response

tordans avatar May 31 '25 20:05 tordans