How can I disable / deep / leak warning combination in Chrome console?

Question

While writing Polymer evidence, I keep getting:

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

in the Google Chrome console.

Is there a way to not get this warning every time the page loads?

+6

Phillip senn Oct 08 '15 at 15:28

1 answer

Jamie · Answer 1 · 2016-01-29T16:47:05+0000

You can see this error because you are using a class method to apply layouts. If you switch to using custom CSS mixes, you will not get an error.

So just import:

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

not classes / iron-flex-layout.html (this seems to be the inclusion of this warning file)

Then use:

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

in your styles instead:

 <body class="layout vertical fullbleed">

adding classes to your html elements.

This is a real shame because using classes is a much tidier and more intuitive way to apply layout styles.