osmcha-frontend
osmcha-frontend copied to clipboard
ElementInfo wrapper breaks on Safari mobile
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
Changeset URL
No response
Environment
Safari mobile
Additional information
No response