Hello
Do you see the scrollbars when you open the modal on this page?
https://light-modal-block.cloudcatch.io/test/
Seems to render fine on my iPad and Macbook
I see the same issue for both my iPad Mini (iPadOS 18.3.2) and iPhone 16 Pro (iOS 18.3.2) see screenshot below.
https://ibb.co/M5SL7m6D
[EDIT] I jut added a video: https://jmp.sh/s/HhN5htCR9ri4q6wxmJ6X
-
This reply was modified 1 year, 1 month ago by
arkanelabs.
@arkanelabs Ohh I think I see what’s going on. When I switch my iPad to dark mode scheme, the scroll bars are invisible. In that test link I sent, I just changed the background color to a dark gray, can you confirm whether the scroll bars are visible now on your end?
@dkjensen yeah indeed I can see them now. 👍
@arkanelabs Unfortunately ios no longer allows us to change scrollbar colors, so I’m not sure if there is anything else we can do to address this besides changing the background color of the modal. Feel free to shoot over any other ideas you might have though.
@arkanelabs You could try something like that within your theme yes, or change the background color of the modal itself to a different color that would work with both light and dark mode.
@dkjensen Yes I switched to a darker for both themes. prefers-colors-scheme works but I’d rather not risk it since it’s quite an esoteric feature that is not 100% supported.
One design aspect to improve on, I think the scrollbar should be more on the right side towards the edge of the window. You can already see it in your test page, but it’s even worse when you have a form like this: https://jmp.sh/s/HqS461yahHA9tYfndaJd
I don’t how much control you have on this though…
PS: I just paid you a well-deserved coffee (it shows as my personal name). Keep up the great work man!
prefers-color-scheme is fairly stable now, but it’s also safe to use due to the fact that if a browser does not support it, it will silently fallback to the default coloring of your website.
Regarding scrollbar position, yes in the sample page it looks a bit odd due to the padding around the modal, if you can adjust this per-modal by changing the padding settings.
Thank you very much for the coffee 🙂
Sounds good! Just fixed it.
Txs again for your awesome support man. 🙂