Skip to content

Conversation

@ericf
Copy link
Collaborator

@ericf ericf commented Dec 7, 2013

Anytime a Pure style rule uses the display declaration with a value other than none, using the hidden HTML attribute on that element won't have the desired affect of hiding that element. To counteract this, A new rule has been added to Base to force display: none !important; on elements that use the hidden HTML attribute.

The following button will be hidden from view with these changes:

<button class="pure-button" hidden>No showy</button>

Fixes #177

This moves Grids to be the second module (after Base) in the pure.css
rollup files.
The grunt-contrib-csslint Grunt plugin does odd things with the way it
processes CSSLint config. This improves linting by only applying in-file
lint overrides on a per-module basis.
Anytime a Pure style rule uses the `display` declaration with a value
other than `none`, using the `hidden` HTML attribute on that element
won't have the desired affect of hiding that element. To counteract
this, A new rule has been added to Base to force
`display: none !important;` on elements that use the `hidden` HTML
attribute.

The following button will be hidden from view with these changes:

    <button class="pure-button" hidden>No showy</button>

Fixes pure-css#177
tilomitra added a commit that referenced this pull request Dec 8, 2013
Add `[hidden]` selector to Base to counteract all `display` declarations
@tilomitra tilomitra merged commit 4fcd67d into pure-css:master Dec 8, 2013
@ericf ericf deleted the hidden branch December 8, 2013 18:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Hidden formelements don't hide

2 participants