New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 820654 link

Starred by 4 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Bug

Blocking:
issue 766694



Sign in to add a comment

Remove stylesheets from HTML imports in the Files App

Project Member Reported by sashab@chromium.org, Mar 10 2018

Issue description

[Deprecation] Styling master document from stylesheets defined in HTML Imports is deprecated, and is planned to be removed in M65, around March 2018. Please refer to https://goo.gl/EGXzpw for possible migration paths.

Expected outcome
No warnings should be displayed in the console

Actual outcome
That warning is displayed

Steps to reproduce
(1) Open the files app
(2) Ctrl+Shift+J to open the console
(3) Check the console
 

Comment 1 by sashab@chromium.org, Mar 10 2018

Blocking: 523952
Cc: weifangsun@chromium.org joelhockey@chromium.org lucmult@chromium.org noel@chromium.org

Comment 2 by sashab@chromium.org, Mar 10 2018

Labels: -Pri-3 M-67 Pri-2
Status: Available (was: Untriaged)
Marking as P2 for M-67 since the warning specifically mentions March 2018. Weifang - could you confirm when this feature will be removed?
juditahudiova120@gmail.com
Downloads
1.8 KB View Download

Comment 4 by sashab@chromium.org, Mar 14 2018

Cc: kochi@chromium.org
Labels: -M-67 M-68
All our engineers currently have work assigned for M-67, and it looks like this isn't going to happen for March 2018 anyway. Will look at investigating in M-68.
Labels: CrOSFilesCategory-CodeHealth

Comment 6 by sashab@google.com, May 24 2018

Labels: -M-68 M-69

Comment 7 by kochi@chromium.org, Jun 19 2018

Blocking: -523952 766694

Comment 8 by sashab@chromium.org, Jun 19 2018

Labels: -M-69 M-70
Labels: -M-70 M-71
Update:  I'm not quite sure if migrating to polymer 2 will fix this.

Info at https://github.com/TakayoshiKochi/deprecate-style-in-html-imports calls out polymer v1 and v2 usage of the <custom-style> with <style> tag which is responsible for us seeing the warning message.

Fix suggested at https://github.com/Polymer/polymer/issues/4679 and https://github.com/Polymer/polymer/issues/5017 is to update <style> tag inside <custom-style> to include |type="custom"| attribute.  This is supported in polymer v 1.10.1+ or v 2.1.1+.

I've just tried to update iron-flex-layout.html and color.html under third_party/v1_0/components-chromium to set <style type="custom">.  The warning goes away, but it causes the paper-progress to stop working.

I believe we have polymer v1.11.2 (done by dpapad on 2017-12-16) which should support this fix, so I'm not sure what is going wrong.
https://cs.chromium.org/chromium/src/third_party/polymer/v1_0/components-chromium/polymer/bower.json?l=3&rcl=42dcb573d0aff2e2e1b349c4c200dbbaaf0405de




Labels: -M-71
> I've just tried to update iron-flex-layout.html and color.html under third_party/v1_0/components-chromium to set <style type="custom">.  The warning goes away, but it causes the paper-progress to stop working.

@joelhockey: Can you share a CL that exhibits the issue. Maybe there is something trivial that causes the styling breakage? It should in theory work.
I've just looked now, and I'm no longer seeing the warning for custom style elements:

[Deprecation] Styling master document from stylesheets defined in HTML Imports is deprecated, and is planned to be removed in M65, around March 2018. Please refer to https://goo.gl/EGXzpw for possible migration paths.

This warning was changed in https://chromium-review.googlesource.com/c/chromium/src/+/1192866.  It no longer checks custom style sheets, but only checks for use of <link rel="import" href="...">

The warning now shows:

[Deprecation] HTML Imports is deprecated and will be removed in M73, around March 2019. Please use ES modules instead. See https://www.chromestatus.com/features/5144752345317376 for more details.

I also see 3 other warnings:
[Deprecation] :unresolved pseudo selector is deprecated and will be removed in M73, around March 2019. Please use :not(:defined) instead. See https://www.chromestatus.com/features/4642138092470272 for more details.
polymer-micro-extracted.js:442 

[Deprecation] document.registerElement is deprecated and will be removed in M73, around March 2019. Please use window.customElements.define instead. See https://www.chromestatus.com/features/4642138092470272 for more details.
polymer-mini-extracted.js:2083 

[Deprecation] Element.createShadowRoot is deprecated and will be removed in M73, around March 2019. Please use Element.attachShadow instead. See https://www.chromestatus.com/features/4507242028072960 for more details.


So I don't know if we still need to make any changes relating to the custom style.  I assume the current polymer migration will take care of these 4 warnings that now show in FilesApp?
Regarding ":unresolved" I have already fixed this at https://chromium-review.googlesource.com/c/chromium/src/+/1249840. We still need the ":unresolved" until we migrate to Polymer 2, so nothing to do there.

Sign in to add a comment