Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I turn off /deep/ combinator deprecation warnings in Chrome's console?

When writing Polymer proof-of-concepts, I keep getting:

/deep/ combinator is deprecated. See https://www.chromestatus.com/features/6750456638341120 for more details.

in the console of Google Chrome.

Is there a way to not get this warning with every page load?

like image 745
Phillip Senn Avatar asked Oct 08 '15 15:10

Phillip Senn


1 Answers

You may be seeing this error because you are using the class method of applying layouts. If you switch to using Custom CSS mixins then you don't get the error.

So just import:

<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout.html">

and not classes/iron-flex-layout.html (it appears to be the inclusion of this file that causes the warning)

Then use:

body {
  @apply(--layout-vertical); 
  @apply(--layout-fullbleed);  
}

in your styles instead of:

<body class="layout vertical fullbleed"> 

adding classes to your html elements.

It's a real shame as using classes is a much neater and intuitive way to apply layout styles.

like image 127
Jamie Avatar answered Dec 02 '22 06:12

Jamie