This repository was archived by the owner on Dec 19, 2017. It is now read-only.
Scaffold core element generates: "Failed to execute 'querySelector' on 'Element': '#packages/core_elements/src/core-scaffold/menu' is not a valid selector." #227
Comments
|
<img src="https://avatars.githubusercontent.com/u/2108507?v=3" align="left" width="48" height="48"hspace="10"> Comment by dgrove Added Pkg-Polymer, Triaged labels. |
|
<img src="https://avatars.githubusercontent.com/u/2049220?v=3" align="left" width="48" height="48"hspace="10"> Comment by sigmundch Thanks for the bug report! Yes this is an issue that our compiler is trying to rewrite the 'icon' attribute. We hope to have a fix for that soon. |
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Originally opened as dart-lang/sdk#19826
This issue was originally filed by [email protected]
What steps will reproduce the problem?
Trying simple scaffold demo in Dart 1.5.2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample app</title>
<script src="packages/web_components/platform.js"></script>
<script src="packages/web_components/dart_support.js"></script>
<link rel="import" href="packages/paper_elements/paper_input.html">
<link rel="import" href="packages/paper_elements/paper_button.html">
<link rel="import" href="packages/core_elements/core_toolbar.html">
<link rel="import" href="packages/core_elements/core_menu.html">
<link rel="import" href="packages/core_elements/core_header_panel.html">
<link rel="import" href="packages/core_elements/core_scaffold.html">
<link rel="import" href="packages/core_elements/core_item.html">
<link rel="import" href="packages/core_elements/core_icon_button.html">
<script type="application/dart">export 'package:polymer/init.dart';</script>
<script src="packages/browser/dart.js"></script>
<link rel="stylesheet" href="paper_test1.css">
</head>
<body fullbleed unresolved>
<core-scaffold>
<core-header-panel navigation flex mode="seamed">
<core-toolbar>Application</core-toolbar>
<core-menu theme="core-light-theme">
<core-item icon="settings" label="item1"></core-item>
<core-item icon="settings" label="item2"></core-item>
</core-menu>
</core-header-panel>
<div tool>Title</div>
<div>Content goes here...</div>
</core-scaffold>
</body>
</html>
What is the expected output? What do you see instead?
I would like to see something like:
http://www.polymer-project.org/samples/layout-elements/scaffold-app.html
But I see:
"Failed to execute 'querySelector' on 'Element': '#packages/core_elements/src/core-scaffold/menu' is not a valid selector."
FYI:
When I use icon in HTML file directly:
<core-icon-button id="menuButton" icon="menu"></core-icon-button>
It works.
Attachment:
project-without-packages.zip (2.91 KB)
The text was updated successfully, but these errors were encountered: