Skip to content

fix: remove obsolete vendor-prefixed and IE-specific CSS#3313

Open
lekhmanrus wants to merge 1 commit intoakveo:masterfrom
lekhmanrus:fix/remove-obsolete-vendor-prefixed-css
Open

fix: remove obsolete vendor-prefixed and IE-specific CSS#3313
lekhmanrus wants to merge 1 commit intoakveo:masterfrom
lekhmanrus:fix/remove-obsolete-vendor-prefixed-css

Conversation

@lekhmanrus
Copy link
Copy Markdown

@lekhmanrus lekhmanrus commented Mar 4, 2026

Please read and mark the following check list before creating a pull request:

Short description of what this resolves:

Remove vendor-prefixed CSS that is no longer needed for modern browsers:

  • Remove -webkit-, -moz-, -o- prefixed @keyframes and animation properties from the keyframes/animation mixins
  • Replace @-webkit-keyframes with standard @keyframes in live-example-block
  • Replace -webkit-transform with standard transform in keyframes
  • Remove -webkit-overflow-scrolling: touch (deprecated since iOS 13)
  • Remove -webkit-transform: translate3d(0,0,0) iOS GPU hack

Remove IE-specific CSS (IE support dropped in Nebular v9.0.0):

  • Remove -ms-flex: 1 1 auto fallbacks from layout, card, accordion, tabset, and modal components
  • Remove ::-ms-clear, ::-ms-expand pseudo-elements
  • Remove ::-ms-thumb, ::-ms-track, :-ms-input-placeholder from SCSS selector mixins
  • Remove IE scrollbar properties (scrollbar-face-color, scrollbar-track-color)
  • Remove IE6/IE7 clip: rect() fallbacks (keep standard comma-separated syntax)

The vendor-prefixed @keyframes rules also caused build warnings with Angular's critical CSS inliner (beasties), which fails to parse percentage selectors inside -moz-keyframes and -o-keyframes at-rules.

Remove vendor-prefixed CSS that is no longer needed for modern browsers:
- Remove `-webkit-`, `-moz-`, `-o-` prefixed `@keyframes` and `animation`
  properties from the keyframes/animation mixins
- Replace `@-webkit-keyframes` with standard `@keyframes` in live-example-block
- Replace `-webkit-transform` with standard `transform` in keyframes
- Remove `-webkit-overflow-scrolling: touch` (deprecated since iOS 13)
- Remove `-webkit-transform: translate3d(0,0,0)` iOS GPU hack
Remove IE-specific CSS (IE support dropped in Nebular v9.0.0):
- Remove `-ms-flex: 1 1 auto` fallbacks from layout, card, accordion,
  tabset, and modal components
- Remove `::-ms-clear`, `::-ms-expand` pseudo-elements
- Remove `::-ms-thumb`, `::-ms-track`, `:-ms-input-placeholder` from
  SCSS selector mixins
- Remove IE scrollbar properties (`scrollbar-face-color`, `scrollbar-track-color`)
- Remove IE6/IE7 `clip: rect()` fallbacks (keep standard comma-separated syntax)
The vendor-prefixed `@keyframes` rules also caused build warnings with
Angular's critical CSS inliner (beasties), which fails to parse percentage
selectors inside `-moz-keyframes` and `-o-keyframes` at-rules.

Signed-off-by: Ruslan Lekhman <lekhman112@gmail.com>
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.

1 participant