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

frankiefu · Aug 11, 2015

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>

sorvell was assigned by frankiefu Aug 11, 2015

sorvell added the p1 label Aug 11, 2015

sorvell closed this issue from a commit Aug 13, 2015

sorvell Fixes #2251: resolve imported stylesheets against correct document. 68af666

sorvell closed this in 68af666 Aug 13, 2015

Polymer/polymer

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

Labels

Milestone

Assignee

2 participants