Stack Overflow
Stack Overflow

Questions tagged [x-tag]

X-Tag is a small JavaScript library, created and supported by Mozilla, that enhances and simplifies development of Web Components.

X-Tag is a small JavaScript library, created and supported by Mozilla, that enhances and simplifies development of Web Components. It may help to think of it this way --> X-Tag : Web Components :: jQuery : DOM

For more information, docs, and downloads, see http://x-tags.org/

29 questions
1
vote
4 answers

Handling multiple x-tags

Note: This question is based on an old version of Mozilla x-tag. In my project I'm using Mozilla x-tag. I created this tag called x-master. I got two of those tags in my index.html:
Klaasvaak
  • 5,634
  • 15
  • 45
  • 68
1
vote
1 answer

Cucumber/Capybara testing with x-tag

I'm testing the app I'm creating with Cucumber/Capybara. It looks like it doesn't see the x-tag I am using. It looks like Cucumber doesn't render the page properly with the x-tag. Is there a way to solve this? I think this is the problem because…
Klaasvaak
  • 5,634
  • 15
  • 45
  • 68
0
votes
1 answer

Stop x-tags from capturing focus/blur events

I am trying to create a custom element which wraps tinyMCE functionality. I have the following:- (function(xtag) { xtag.register('x-tinymce', { lifecycle:{ created: tinymceCreate, removed: tinymceDestroy …
user1545858
  • 725
  • 4
  • 21
0
votes
1 answer

X-TAG: attributeChanged is not being on Firefox and Edge

http://codepen.io/eeliya/pen/qNpBro If you run this codepen demo on chrome, you will see an alert when you click the button. But this does not work on Firefox or Edge. In other word attributeChanged is not triggered on FF and Edge
Eeliya
  • 1,534
  • 5
  • 23
  • 37
0
votes
1 answer

List of custom events provided by x-tag library

In the documentation doesn´t seem to be any list of custom events available. Is there any place where I can find out those?
sergio0983
  • 1,232
  • 8
  • 15
0
votes
1 answer

Event delegation not working in X-tag

I can't get delegation to work with events. I'm trying to have a certain function fire when a button within the element is pressed. However, when I use the syntax provided ('tap:delegate(button)': function(){});) I get no response. Below is some…
babbitt
  • 103
  • 12
0
votes
0 answers

X-tag HTML import during registration

Is there a way to import content via an X-Tag register from an external file? So Something like: xtag.register('x-modal', { content: url('../modal.html'); }); I know that isn't correct, but is there something similar? Thanks!
Heather
  • 3
  • 6
0
votes
1 answer

Pass function through x-tag accessors

I am trying to use x-tag accessors but I'm not finding a good documentation about them.I would like to pass a function through an accessor and write something like this: And I want to save that…
Marchinka
  • 23
  • 2
  • 8
0
votes
1 answer

Javascript Frontend Testing Facility for Clicking/Focusing/Tabbing

Recently we released a change that broke the entire website. I'm tired of not having a testing facility for our javascript. We make our own xtag components, and we have a bunch of js functions. One of the problems that I am having with testing…
Michael
  • 410
  • 4
  • 9
0
votes
2 answers

does onchange event internally listens to setter for element's accessors?

I know, to register our own elementTypes, we use Object.defineProperties(ElementPrototype,{ get: function(){ }, set: function(newVal) { } }); now it works fine for value attribute as long as i am not attaching onchange listener, but in case…
LNT
  • 876
  • 8
  • 18
0
votes
0 answers

web page using dimplejs, x-tag, shows up fine in chrome and safari, blows up in firefox

I have a strange problem and am not quite sure how to narrow the source of the bug (not a web developer). A web page[1] which visualizes about 8 megs of data renders correctly on chrome and safari, but blows up on firefox (possibly IE as well). I'm…
Shahbaz
  • 10,395
  • 21
  • 54
  • 83
0
votes
1 answer

x-flipox not working on custom polymer element

Hi all I am trying to create a custom Polymer Element that uses the < x-flipbox > element inside its template tag. However it seems that the < x-flipbox > tag it is only working on the index page and not inside my custom elements. This is my custom…
Niko Zarzani
  • 1,372
  • 2
  • 15
  • 28
0
votes
1 answer

Creating custom _nested_ html tags using x-tag

I'm attempting to create a custom html tag using Mozilla's http://www.x-tags.org/. I have been able to register a test tag and use it correctly; however, I can't find any good examples of nested tags. For example:
Shahbaz
  • 10,395
  • 21
  • 54
  • 83
0
votes
1 answer

x-tags not firing WebComponentsReady on IE

This works in chrome, but it borks in IE. I'm trying to import the tag using HTMLImports (through the x-tag library), but the WebComponentsReady event never fires, and I'm seeing my elements come through as HTMLUnknownElements.
posit labs
  • 8,951
  • 4
  • 36
  • 66
1
2