Skip to content

Scaffold core element generates: "Failed to execute 'querySelector' on 'Element': '#packages/core_elements/src/core-scaffold/menu' is not a valid selector." #19826

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
DartBot opened this issue Jul 3, 2014 · 3 comments
Labels
closed-duplicate Closed in favor of an existing report

Comments

@DartBot
Copy link

DartBot commented Jul 3, 2014

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)

@dgrove
Copy link
Contributor

dgrove commented Jul 9, 2014

Added Pkg-Polymer, Triaged labels.

@sigmundch
Copy link
Member

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.


Added Duplicate label.
Marked as being merged into #19770.

@DartBot
Copy link
Author

DartBot commented Jun 5, 2015

This issue has been moved to dart-archive/polymer-dart#227.

This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
closed-duplicate Closed in favor of an existing report
Projects
None yet
Development

No branches or pull requests

4 participants