[v4] Display error of the toggle buttons

getkirby / kirby

Kirby's core application folder

https://getkirby.com

Other

1.31k stars 168 forks source link

[v4] Display error of the toggle buttons #5954

Closed gbdesign2023 closed 11 months ago

gbdesign2023 commented 11 months ago

Description

I updated a page from 3.9 → 4.0.0-rc.1 and noticed a display error of the toggle buttons on the iPhone. The buttons look flawless on the desktop browsers Chrome and Safari.

Kirby Version
4.0.0-rc.1

My system

Device: iPhone 11
OS: iOS 17.1
Browser: Chrome, Safari

gbdesign2023 commented 11 months ago

@bastianallgeier I have uploaded a fresh starterkit with 4.0.0-rc.1 to my server and added two toggle fields to the blueprint. I have the same problem under Safari and Chome for iOS. I do not use a custom-panel.css.

texnixe commented 11 months ago

I can actually reproduce this with Safari on iPhone.

gbdesign2023 commented 11 months ago

@texnixe I was able to find the cause. The video should be self-explanatory.

https://github.com/getkirby/kirby/assets/140849227/3ee8a95c-2f38-4c0b-b865-47a833753473

bastianallgeier commented 11 months ago

@gbdesign2023 I already fixed it in the PR above.