Skip to content
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.

Sign up for GitHub

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

Jump to bottom

<input list="x"><datalist id="x"> as a component used within another component #600

Closed
inm opened this issue Jul 3, 2014 · 2 comments
Closed

<input list="x"><datalist id="x"> as a component used within another component #600

inm opened this issue Jul 3, 2014 · 2 comments

Comments

@inm
Copy link

inm commented Jul 3, 2014

I am using datalist element in own component. Looks fine (it looks as is typical for input+datalist in Chrome) while I am using this component directly, but if I use it within another component then I got look as is typacal for input without datalist. Please be cool if this is not issue related directly to Polymer.

<body>
    <pick-language></pick-language> <!-- works as desired -->

    <x-page></x-page> <!-- pick-language looks like an input without datalist -->

    <polymer-element name="x-page" noscript>
        <template>
            <pick-language></pick-language>
        </template>
    </polymer-element>
</body>
@inm inm changed the title <datalist> while creating element by <polymer-element> <input list="x"><datalist id="x"> as a component used within another component Jul 3, 2014
@arthurevans
Copy link

I reproduced this in jsbin here:

http://jsbin.com/ragew/1/edit

Interestingly, it works fine in Firefox, so I wonder if it's an issue with datalist and native shadow DOM.

Playing with this idea, I got this working by setting the list attribute on the input in the domReady callback:

http://jsbin.com/ragew/2/edit

Seems like a bug to me, but is it in Polymer? Or Blink?

@sorvell
Copy link
Contributor

sorvell commented Jul 8, 2014

This is a Chrome bug. Filed here: http://crbug.com/391995

@inm inm closed this as completed Jul 13, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@sorvell @arthurevans @inm