Slide Over Broken on safari mobile
Hi ,
On Safari mobile the heading and the footer of a slide over appear outside the screen.
Tested it on iphone 11 and iphone 13
Has anybody here encountered this ? Any suggestions ? Thank you
EDIT:
Ok, the url address bar on Safari is messing up the slide over render.
If the slide over is triggered when the address bar is not on screen then it shows fine.
Not really a filament bug but makes for bad experience on iphone because the address bar is open by default.
6 Replies
This is how it looks
This is how it should be. (Works fine on chrome)
It’s messed up here too, just going through the whole thing on mobile - there’s heaps that isn’t working. Zeps got a bug for one of them logged.
That slide over in your example is missing the close button and header on both safari and chrome - so it’s totally busted
Found another one for you @Zep Fietje slide overs on iOS also not happy 😭
Please create a bug report for it on GitHub, or add to an existing issue if there is any 🙂
Thanks for sharing your experience too. I'm surprised how come it's not being noticed by more people until now.
Have to deliver my project soon and I'm so worried about it now. Majority of my users have iphones so I will probably have to remove all slide overs.
Chrome does work fine though.
Custom Actions do not have "X" close button on top
Here is another ViewAction that show's it fine.
