Select shadow dom with template events


#1

Selecting shadow dom elements (with Polymer) gives a syntax error. How do you select those elements with template events?

Template.android.events({
    "core-transitionend overlay-host::shadow #button_back": function (event, template) {

    }
});

#2

I’m having the same issue. I need to figure this out ASAP so I’ll let you know if I find the answer. If you already have, let me know! :smiley:


#3

Sorry, don’t have a solution yet. Imo this is not possible as of now. I tried all possible selectors, ::shadow, deep, ^^ and ^. I just think either the jquery version used for template events is too old or it’s just a meteor thing. Meteor really is too strict about a few things such as setting non-value attributes and shadow dom selection.

You’re really screwed when you’re using meteor with Polymer ;).


#4

Need more info on template structure in order to help. Can you post your template struct here?


#5

Has anyone found a solution to this problem?