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.

Sign up for GitHub

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

Jump to bottom

Normalize: (iOS 7) disabled input fields are translucent #11655

Closed
hojerst opened this issue Nov 30, 2013 · 8 comments
Closed

Normalize: (iOS 7) disabled input fields are translucent #11655

hojerst opened this issue Nov 30, 2013 · 8 comments
Labels
css
Milestone
v3.1.0

Comments

@hojerst
Copy link

hojerst commented Nov 30, 2013

In Safari on iOS 7, disabled input fields are transparent (opacity: 0.4). imho the bootstrap normalization should bring this in line with the other browsers and normalize this to "opacity: 1.0"
@mdo
Copy link
Member

mdo commented Nov 30, 2013

Are you referring to Normalize.css? If so, open an issue with them.

@hojerst
Copy link
Author

hojerst commented Nov 30, 2013

I actually was referring to normalize.css. I didn't know that this is an external component. I've created an issue there.

@hojerst hojerst closed this as completed Nov 30, 2013
@cvrebert
Copy link
Collaborator

X-Ref: necolas/normalize.css#261

@cvrebert
Copy link
Collaborator

Reopening, since the Normalize issue was closed as wontfix, to see if we want to normalize this at the Bootstrap level.

@cvrebert cvrebert reopened this Jan 16, 2014
@mdo mdo closed this as completed in 08e83a6 Jan 23, 2014
@mdo mdo mentioned this issue Jan 23, 2014
Closed
@sodevious
Copy link

Doesn't the addition of opacity: 1; just reverse the previous declaration of .opacity(.65);?

@cvrebert cvrebert reopened this Jan 28, 2014
mdo added a commit that referenced this issue Jan 30, 2014
@mdo
Follow up to #11655: don't reset opacity on disabled buttons
9195d8e
@mdo
Copy link
Member

mdo commented Jan 30, 2014

Truth, we shouldn't reset the buttons. This whole problem sucks in general, so at least we've got it fixed up for form controls. Buttons shouldn't see much of an issue given my quick testing.

@mdo mdo closed this as completed Jan 30, 2014
@kartik-v
Copy link

I checked that iOS7 Safari now... displays items with opacity: .65 correctly for inputs & buttons. This opacity is good for identifying disabled inputs.

Is the change to opacity: 1.0 still needed?

stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
@mdo
(less) Fix twbs#11655: Fix broken disabled states for iOS form contro…
85e5fcc 
…ls and buttons
stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
@mdo
(less) Follow up to twbs#11655: don't reset opacity on disabled buttons
000fc26
@cvrebert
Copy link
Collaborator

iOS Safari "quirk" now documented in MDN as part of bs-css-hacks:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#Browser_compatibility

stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@mdo
(less) Fix twbs#11655: Fix broken disabled states for iOS form contro…
d2d3a1f 
…ls and buttons
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@mdo
(less) Follow up to twbs#11655: don't reset opacity on disabled buttons
32123c4
@cvrebert cvrebert changed the title Normalize: (iOS 7) disabled input fields are transparent Normalize: (iOS 7) disabled input fields are translucent Dec 23, 2014
@twbs twbs locked and limited conversation to collaborators Jan 4, 2015
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
css
Projects
None yet
Milestone
v3.1.0
Development

No branches or pull requests
5 participants
@mdo @cvrebert @hojerst @sodevious @kartik-v