It seems that "display:none" without "!important" also breaks it.
I'm not sure why this rule is there in the first place.
To Reproduce
Steps to reproduce the behavior:
Use recent Chrome or Edge
Head to https://codepen.io/web-dot-dev/pen/JjMxmom
Click on white demo area
Search for papaya -> works
Reload
Add on top of HTML
Click on white demo area
Search for papaya -> doesn't work
Describe the bug Recent Chromium supports hidden="until-found" attribute which allows for Ctrl-F search in hidden accordions, see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/hidden and https://developer.chrome.com/docs/css-ui/hidden-until-found
purecss adds "display:none !important" to "[hidden]" which breaks it:
https://github.com/pure-css/pure/blob/203b96487dd76486e84ebbe9c15f3c07962b9fcb/src/base/css/base.css#L20
It seems that "display:none" without "!important" also breaks it.
I'm not sure why this rule is there in the first place.
To Reproduce Steps to reproduce the behavior: Use recent Chrome or Edge Head to https://codepen.io/web-dot-dev/pen/JjMxmom Click on white demo area Search for papaya -> works Reload Add on top of HTML Click on white demo area Search for papaya -> doesn't work