refactor(core): remove global hidden attribute (#25829)

resolves #17583

BREAKING CHANGE: 

The `[hidden]` attribute has been removed from Ionic's global stylesheet. The `[hidden]` attribute can continue to be used, but developers will get the [native `hidden` implementation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden) instead. The main difference is that the native implementation is easier to override using `display` than Ionic's implementation.

Developers can add the following CSS to their global stylesheet if they need the old behavior:

```css
[hidden] {
  display: none !important;
}
```
This commit is contained in:
Liam DeBeasi
2022-08-26 08:34:41 -05:00
committed by GitHub
parent 9e611f5c03
commit f5a6b5a4c4
2 changed files with 17 additions and 2 deletions

View File

@ -195,8 +195,7 @@ ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
.ion-page-hidden {
/* stylelint-disable-next-line declaration-no-important */
display: none !important;
}