Topic: Angular Universal - "rules skipped due to selector errors"

atrain0789 priority asked 2 years ago


Expected behavior

When using MDB5 Angular with Universal, that there are no CSS related errors in the console.

Actual behavior

When using Angular Universal with MDB5 Angular, there is a console error that appears, even when running in production that complains about "Successive Traversals":

2 rules skipped due to selector errors:
      .table >  >  > * -> Did not expect successive traversals.
      .table >  >  > * -> Did not expect successive traversals.

If using the MDB theming, you will get an additional line just like this.

Resources (screenshots, code snippets etc.)

The lines of code that are the culprits are in the following files and lines:

  • /assets/scss/bootstrap/_tables.scss, lines 42 - 44
  • /assets/scss/free/_tables.scss, lines 20 - 22
  • /assets/scss/pro/theme/components/_tables-theme.scss, lines 23 - 25

All of these files have the same CSS selector like this:

> :not(:last-child) > :last-child > * {
  border-bottom-color: $divider;
}

Please can you shed some light on how to get these errors to go away or a possible fix.


Arkadiusz Idzikowski staff commented 2 years ago

@atrain0789 Could you please provide more information about the SSR config and how to reproduce the problem step by step?

Please take a look at my answer this thread and try to update the optimization settings as a workaround for this problem: https://mdbootstrap.com/support/angular/angular-12-production-build-warning-mdb4-12/



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 1.3.0
  • Device: Laptop
  • Browser: Chrome
  • OS: MacOS
  • Provided sample code: No
  • Provided link: No