Skip to content

parenthesis "(" in custom property value causes the page fails to load #2251

Closed
@frankiefu

Description

This issue only happens in #master and works fine in v1.0.9.
When I load index.html I got:
Uncaught TypeError: Cannot read property '__urlResolver' of undefined resolve-url.html:66

x-app.css

:host {
  display: block;
  --x-app-background-image: url(http://placehold.it/400x300);
}

.bg {
  height: 300px;
  background-image: var(--x-app-background-image);
}

x-app.html

<dom-module id="x-app">

  <link rel="import" type="css" href="x-app.css">

  <template>

    <div class="bg">Hello World</div>

  </template>

  <script>

    Polymer({

      is: 'x-app'

    });

  </script>

</dom-module>

index.html

<!doctype html>
<html>
<head>

  <title></title>
  <meta charset="utf-8">
  <script src="../../../polymer/components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="x-app.html">

</head>
<body>

  <x-app></x-app>

</body>
</html>

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions