Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Disabled buttons are hidden on iOS 15.4 #3500

Closed
Raymond-HK-Lin opened this issue Mar 22, 2022 · 10 comments
Closed

Disabled buttons are hidden on iOS 15.4 #3500

Raymond-HK-Lin opened this issue Mar 22, 2022 · 10 comments
Assignees

Comments

@Raymond-HK-Lin
Copy link

Disabled buttons other than the plain one are hidden 👇

image

@ThatMarko
Copy link

I thought I was the only one with this issue. This is the same issue I'm having.

@ThatMarko
Copy link

image

image

image

@nabedge
Copy link

nabedge commented Mar 23, 2022

me too ! with my iPhoneSE iOS15.4 safari browser.

@nabedge
Copy link

nabedge commented Mar 23, 2022

The same issue happened on my iPhoneSE iOS15.4 Google Chrome and Safari browser !

@nabedge
Copy link

nabedge commented Mar 25, 2022

OK. I found work around.

<button class="button is-primary" disabled>NG</button>
<button class="button has-background-primary has-text-white" disabled>OK<button>

@jgthms jgthms self-assigned this Mar 25, 2022
@vlamicsecure
Copy link

The same issue is happening on Mac and Safari 15.4

@iml885203
Copy link

iml885203 commented Apr 12, 2022

The same issue happened ios 15.4/15.4.1

Codepen: Bulma ios15.4 safari disabled button issue

IMG_122C890E87D7-1 2

@d-Rickyy-b
Copy link

I have a similar issue. On iOS 15.4.1, the button is not completely gone but it looks like it's being either overlayed or has a height of a pixel.:

grafik

Also on Safari for Mac Mini M1 (Version 15.4 (17613.1.17.1.6)) the button is completely gone:

grafik

@epochssims
Copy link

By overriding border-color: transparent on .button[disabled] to something else, it fixed this issue. I wonder if this is an issue with latest Safari on Monterey, as Safari on Catalina is fine.

@jgthms
Copy link
Owner

jgthms commented May 7, 2022

By overriding border-color: transparent on .button[disabled] to something else

Thanks, that does the trick. Will push a fix.

jgthms added a commit that referenced this issue May 7, 2022
@jgthms jgthms closed this as completed in c2db8a0 May 7, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

8 participants