firefox,web-component , Mozilla stance on HTML imports


Mozilla stance on HTML imports

Question:

Tag: firefox,web-component

Can anyone tell me whether Mozilla has shifted its stance on not implementing HTML imports (part of the HTML5 Web Components spec)?


Answer:

As of 2 days ago (June 9, 2015) Mozilla's position on HTML Imports (as currently specified) has not changed. Here is the reference for this, it goes into more details on HTML Imports and discusses various things that are happening in the area:

https://hacks.mozilla.org/2015/06/the-state-of-web-components/

Here is the original announcement blog post about HTML Imports from 12/2014:

https://hacks.mozilla.org/2014/12/mozilla-and-web-components/


Related:


Inconsistent display on IE & Firefox


html,css,internet-explorer,firefox,twitter-bootstrap-3
I'm using Bootstrap on my website project. I'm through with the design but the items are displayed out of place on IE & Firefox. The same page renders great on Chrome. I used developer tools on the three browsers to make sure there was no difference in the CSS properties....

Why does the expiration date of the request cache lie in the past?


firefox,caching,firebug
I am working on caching some pages and I noticed this in Firebug: So it says that the cache expired 45 years ago. Is this a bug or some bad data? I have another page that is caching correctly I just do not understand why its saying Expires ... 1970....

Need help finding a bug with jquery $(document).ready() not working properly in firefox


javascript,jquery,firefox,wamp,document-ready
I made a jquery function that sets the width of an element so that it fills any extra width left by it's siblings inside it's parent. (basically a flexbox) I call this function in both $(document).ready() and $(window).resize() HTML <body> <div class='pageCenter'> <div class='fixedCol'>my fixed col</div> <div class='flexCol'>my flexible col</div>...

SVG data image not working on Firefox


css,image,firefox,svg,data
I'm setting a SVG as background-image for a pseudo element: content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 12px; background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 620 12" enable-background="new 0 0 620 12" xml:space="preserve"><g><polygon fill="#D11A3C" points="48.8,12 0,12 0,0 54.1,0"/><polygon fill="#952592" points="93.8,12 44,12...

Google maps not working in Firefox (gray box)


javascript,google-maps,firefox,google-maps-api-3
I have a plugin I'm working on that uses the Google Maps API v3. Works like a charm, except in Firefox! I present to you the following URL: [REDACTED BECAUSE SOLVED]. You'll notice that if you're using firefox there is a gray box with google maps stuff available. If you...

Why is position of html button in tablecell different in Firefox


html,css,firefox,cross-browser
Why is the position of a button element different in Firefox vs Chrome/IE when nested inside a li with display: table-cell? In Chrome and IE the button is aligned to the top of the cell while in Firefox it is aligned to the bottom. Can this be influenced in Firefox...

Firefox Windows / Linux inconstancies


css,linux,firefox,fonts,font-face
My website has very different rendering in Firefox Windows / Firefox Linux (however, similar versions, default parameters for both). The reason seems to be that the font are rendered very differently. This: font-family: sans-serif; gives Arial-like font on Windows: and a little bit different font on Linux: How to solve...

how can i use require(“”); in javascript


javascript,firefox,plugins,requirejs,mozilla
i want to use a plugin in Firefox that it is in this. in this plugin tutorial use require function, and it is: require("sdk/preferences/service"); but i get error that require is not defined. so i search and download requireJS. but when attach this i get error module name sdk/preference/service has...

how to execute a function on-close or on dismiss of paper-dialog for polymer 1.0?


javascript,polymer,web-component
Here is my code for polymer version 1.0. This is paper-dialog element i want to execute a function on closing this dialog. How can i do that? <paper-dialog id="paper-id" entry-animation="scale-up-animation" exit-animation="scale-down-animation" > <sample-element></sample-element> </paper-dialog> ...

how to unbind/prevent context menu by keybord (key #93) with FF?


javascript,firefox,events,contextmenu,unbind
I want to prevent the default event on key #93 ("select key", between "alt gr" and "ctrl right" on AZERTY keybord). This key open context menu like right click. I tried : $(document).off('keydown'); $(document).off('keyup'); $(document).off('keypress'); $(document).on('keypress', function(e){ if(e.keyCode == 93) { e.preventDefault(); return false; } }); $(document).on('keyup', function(e){ if(e.keyCode ==...

Firefox CSS transition fails in conjunction with jQuery prop() on placeholder


jquery,css,firefox
Got a weird one for you all. I am using CSS transition to change length of input at same time as modifying placeholder attribute / property. For some reason it fails to animate in firefox. Works fine in Chrome and Safari. As demonstrated below, I can alter another property like...

Dart Polymer: Creating PaperDialog with CoreAnimatedPages displayed incorrectly in Firefox


firefox,dart,polymer
I use Dart Polymer PaperDialogs containing CoreAnimatedPages. The idea is to have popups in which you can click through multiple option views. Example repository available at: https://bitbucket.org/neogucky/polymer-dialog-problem/ DialogView: view.html <link rel="import" href="packages/polymer/polymer.html"> <link rel="import" href="packages/paper_elements/paper_button.html"> <link rel="import" href="packages/paper_elements/paper_dialog.html"> <link rel="import"...

PlayN and Firefox issues


facebook,firefox,gwt,game-engine,playn
I am working on a pet project of a Facebook game. I've had a couple of problems until now on Firefox browser. CPU runs wild when you start a game on FF. TextLayout gets moved a few pixels up. Caching ruins reloading of resources Anyone had these kind of problems?...

Firefox Add-Ons: Variable Is Not Defined In Console


javascript,debugging,firefox,firefox-addon,xul
I'm developing a Firefox extension. When I run it, I open up the browser console and it says, [name] is not defined. It's in "browser.xul." <?xml version="1.0"?> <?xml-stylesheet href="chrome://Uedit/skin/skin.css" type="text/css"?> <!DOCTYPE Uedit SYSTEM "chrome://Uedit/locale/translations.dtd"> <overlay id="Uedit-overlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script src="Uedit.js" /> <toolbarpalette id="BrowserToolbarPalette"> <toolbarbutton id="Uedit"...

Firefox dropdown menu click


html,firefox,select,drop-down-menu
I have a dropdown menu for languages in my website and it works fine in Google Chrome, Safari and Internet Explorer, but it is bugged in Firefox. This is the code: <a href=""> <select id="languageSelector" style="background-color: transparent" onchange="location = this.options[this.selectedIndex].value;"> <option value=".">ESPAÑOL</option> <option value="./en/index.html">ENGLISH</option> <option value="./de/index.html">DEUTSCH</option> <option...

CSS flexbox wraps content in FireFox (not Chrome)


css,google-chrome,firefox,flexbox,pseudo-element
I have a button that consists of an <i> and an <span> element (an icon and some text). Now both have different sizes so I'm applying a flexbox to my button that should center my items nicely. In Chrome everything works as I expected but using the page in a...

Magnific Popup position bug


google-chrome,firefox,position,magnific-popup
There is a strange bug happening when you have got a link triggering Magnific Popup and that link is contained inside an absolute positioned element, which is positioned inside a relative positioned element with overflow:hidden. To reproduce the bug, checkout this example in Chrome or Firefox: http://codepen.io/mediadivisiongmbh/pen/bdRjKy HTML <div class="hover-container">...

Polymer Data-Binding will not replace


javascript,polymer,web-component
I have a polymer element that refuses to bind, and I can't figure out why. The rendered output is just sending the raw {{varName}} rather than replacing it with the appropriate value. However, formulas (with the [[fn(arg)]] syntax) and binding to tags (with the $="{{varName}} syntax) works fine. Any idea...

Duplicate values with Polymer template repeat


templates,polymer,repeat,web-component
Okay any I have a strange thing happening with my polymer template <polymer-element name="my-playlist" attributes="info"> <template> <core-ajax url="/getlist" method="POST" auto response="{{data}}" handleAs="json"> </core-ajax> <style> </style> <core-selector class="list"> <template repeat="{{k in data}}"> <core-ajax url="http://api.soundcloud.com/tracks/{{k.track}}.json?client_id=9a6dccd301f1d1cbab751e0a1ec82e2e" method="GET" auto response="{{response}}" handleAs="json">...

xul overlay for new menu in TB/Firefox main menubar


firefox,firefox-addon,overlay,xul
I'd like to add a new menu at the end of the main menu bar (file, edit, ...) after the Help menu via an extension i wrote. I already know how to add a new item to one of the menus by something like: <menupopup id="menu_HelpPopup"> <menuitem id="example-item" oncommand="alert('Hello!');" label="TEST"...

Errors in Firefox Add-on SDK when using cfx xpi whereas cfx run works great


javascript,firefox,firefox-addon-sdk
I'm a student at a University Institute of Technology in France and I'm very new to Firefox add-on development since I discovered it at the beginning of my work placement, a few days ago. What I have to do is an add-on that allows employees of the company to organize...

Can CSS identifiers begin with two hyphens?


css,css3,firefox,css-selectors,identifier
CSS 2.1 defines identifiers as In CSS, identifiers can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed by a digit. Identifiers can also contain escaped characters...

core-animated-pages in Polymer 1.0


polymer,web-component,polymer-1.0
I noticed that there is no substitute for core-animated-pages in Polymer 1.0 (there is no iron-animated-pages). Am I missing something? Is there any other way to implement similar functionality? Any answer greatly appreciated.

Jquery not working while browsing with Firefox


javascript,jquery,firefox
Hello I'm using this code: $("#cart").click(function () { if ($(event.target).closest('.content').length > 0) return false; $('#cart').load('index.php?route=module/cart #cart > *'); var e = window.event || e; $("#cart").toggleClass("active"); e.stopPropagation(); $(document).click(function (e) { $("#cart").removeClass("active"); $('#cart').live('mouseleave', function () { // Code Here }); }); }); It works just fine in Chrome but when testing it...

Remove the black line from the bottom and right side of Firefox select boxes


html,css,firefox
This may seem to be a stupid question but is there a way to remove the black line on the bottom and right sides from the drop down of a select box in Firefox? For example: http://postimg.org/image/6sqgo7xul/ Here is a basic fiddle: http://jsfiddle.net/FtVGg/33/ <div class="styled-select"> <select id="select"> <option value="0">Option one</option>...

How to access second element using relative Xpath


firefox,xpath,selenium-webdriver,selenium-ide,robotframework
Given this page snippet <section id="mysection"> <div> <div> <div> <a href=""> <div>first</div> </a> </div> <div> <a href=""> <div>second</div> </a> </div> </div> </div> </section> I want to access the second a-element using relative Xpath. In FF (and locating with Selenium IDE) this //section[@id='mysection']//a[1] works but this does not match //section[@id='mysection']//a[2] What...

Polymer google-signin element gets Cannot read property 'currentUser' of null


javascript,polymer,web-component,polymer-1.0
I'm trying to get the google-signin element to work with just adding this to my HTML: <google-signin clientId="[my-client-id]" scopes="https://www.googleapis.com/auth/drive"></google-signin> The Sign-in button shows up on the page, but when I click it, I get the error: Cannot read property 'currentUser' of null I'm testing it out on just localhost, so...

Dgrid - Firefox breaks while trying to load large data set in dgrid


javascript,firefox,dojo,dgrid,broken-pipe
I have a dgrid connected to a store with a very large data set. (Currently over 137,000 rows). I expect there to be a delay. When I first connected the store - the data populated the dgrid. However I keep getting a pipe break now. I didn't change anything between...

Firefox and SSL pages - takes very long on certain sites [closed]


firefox,ssl,browser,ssl-certificate
I use openSUSE 13.1 and Firefox 38.0.1. On some pages with ssl it takes minutes until the connection is established. It only happens on sites whose ssl certificate is not trusted by firefox, so that it asks you if you really want to enter the site. But even this security...

$(this).val() not working in FireFox but works in Chrome


javascript,jquery,html,google-chrome,firefox
This is my problem. When I try to set the value of an input field in FireFox nothing happens. I don't get any errors. It simply just doesn't work. It is supposed to add two decimal places after the number. It works perfectly in Chrome. Here's my jQuery code... $('input.drawer').on('blur',...

Inheriting dimensions only if they are specified on the parent element


css,web-component,custom-element
I'm developing a bunch of custom elements for an API using a web components polyfill and I've hit a snag. One of the elements may contain an <img> or <canvas> element. If no dimensions are specified for the custom element, it should be the default size of the child element....

Exact solution to keep cookie after closing firefox


firefox,cookies
I know this is asked many time but i want exact solution. Why cookies are deleted after closing firefox? I want to keep cookies after closing firefox....

Can I put a button on the tab header using Firefox Add-on?


javascript,firefox,firefox-addon
In a Firefox browser window, I would like to put a button on the tab header next to the web page title. Is this possible with a Firefox add-on? So far I am still unsure what to call this part of a tab. Sorry for duplicates! Edit: I didn't have...

Polymer 1.0 how to call a paper-icon-button's tap when a coupled paper-input-container receives the enter key


event-handling,polymer,web-component
I have a paper-input-container next to a paper-icon-button and want to trigger the same function that is wired to the paper-icon-button's on-tap handler when a user hit's enter while the input has focus... anyone know how to do this. <html> <head> </head> <body> <dom-module id="example-stuff" > <style> :host { display:...

google-signin don't return user info


polymer,web-component,google-signin,google-web-component
I am using google-signin element from Google Web Components, but I don't know how to return user info. <google-signin client-id="{{my-id}}" scopes="email profile" signed-in="{{signedIn}}"></google-signin> I tried to write some JS function but it didn't work. function (signedIn) { var profile = gapi.auth2.getAuthInstance().currentUser.get().getBasicProfile(); console.log('Name: ' + profile.getName()); console.log('Image: ' + profile.getImageUrl()); }...

XUL iframe firefox addon, how to change the src within the iframe?


javascript,firefox,iframe,firefox-addon,xul
I am developing a firefox addon, in my settings page dialog.xul i have an iframe where i load different settings pages page1.xul page2.xul page3.xul Iframe : <vbox flex="1"> <iframe id="iframe" src="chrome://xxx/content/page1.xul" flex="1"></iframe> </vbox> Within the iframe i need to navigate from page2.xul to page3.xul with the code in page2.xul My...

How to display red borders on required or invalid value input element in Chrome just like Firefox behaviour for HTML5 validation?


css,html5,google-chrome,firefox
I have to bring red borders around the input element in chrome on HTML5 validation like as that of Firefox. I have search it a lot but unable to find precise answer. Any help of how to do it using css is greatly appreciated. Thank you....

Selenium Firefox webdriver does not adopt profile


python,firefox,selenium-webdriver
I have created a FF profile: fp = webdriver.FirefoxProfile() fp.set_preference("browser.download.dir", CLIENT_SAVING_DIR) fp.set_preference("browser.download.folderList",2) fp.set_preference("browser.download.manager.showWhenStarting",False) fp.set_preference("browser.helperApps.neverAsk.saveToDisk", "application/octet-stream") Then pass this profile to remote mode webdriver: remoteHost="192.168.x.y:4444/wd/hub" driver = webdriver.Remote(remoteHost, desired_capabilities=DesiredCapabilities.FIREFOX, browser_profile=pf) I've...

i have developed website and the issue is that same version of firefox shows different design on different computers while other browsers were fine?


css,firefox,firefox-developer-tools,html5-apps
i have developed this website http://www.falestinona.com/nashra the website tests on my laptop are correct and same design over IE, Chrome, FF and Opera the problem i have found that same version of firefox shows the design different on different computers. FF on my laptop shows correct design while same version...

Manual adding firefox for android addon


android,firefox,firefox-addon
I've got an firefox add-on, but I want to test before I upload it to the firefox add-on center.. Does anybody know if I can install the add-on (XPI file) on firefox for android? Thanks for help....

input radio checked / unchecked not working in Firefox 38.0.5 Windows - jquery


javascript,jquery,forms,firefox,radio
I am trying to figure out a way to allow users to select radio options but then deselect the option if they change their mind. I would also like hide other form fields if they select an option because those fields are not relevant. I can get the code to...

nsICacheService doesn't work in Firefox 38


javascript,firefox,firefox-addon
I use Components.classes["@mozilla.org/network/cache-service;1"].getService(Components.interfaces.nsICacheService); to manipulate http cache when developing Firefox extension. But after I upgrade to Firefox 38 esr, this interface throws error when calling its function [Exception... "Component returned failure code: 0x80004001 (NS_ERROR_NOT_IMPLEMENTED) [nsICacheService.visitEntries]" nsresult: "0x80004001 (NS_ERROR_NOT_IMPLEMENTED)" And I didn't find it obsolete in MDN, so anyone knows why?...

How to use youtube API in firefox extension?


javascript,firefox,youtube
My question concerns running script that exists on the page the user is loading. For example on a youtube video if you go to the console and type: player = document.getElementById('movie_player'); You can then interact with the player by using : player.getDuration(); or player.playVideo(); But I searched and researched for...

Show Firefox OS devtools on Firefox Developer Edition 'desktop'


firefox,firefox-os,gecko,firefox-developer-tools,firefox-developer-edition
I've an iMac with OS X Yosemite v.10.10.3. I use Firefox Developer Edition 40.0a2. I've a ZTE Open C (FR version) with Firefox OS; Boot2Gecko 2.1.0.0-prerelease (B2G OS). What I'd like to do is the following: I've a basic webpage (mostyl HTML, CSS and JS) opened in my browser on...

Why does this polymer element's property resolve to undefined?


javascript,polymer,web-component,polymer-1.0
I am trying to dynamically assign an attribute to an iron-ajax template but it resolves to undefined. <dom-module id="products-service"> <style> :host { display: none; } </style> <template> <iron-ajax id="productsajax" auto url="http://localhost:3003/api/taxons/products" params='{"token":"my-token"}' method='GET' on-response='productsLoaded' handleAs='json'> </iron-ajax> </template> </dom-module> <script> (function() { Polymer({ is: 'products-service', properties: { categoryid: { type:...

How do you close the DOM Properties window in Firefox Developer Edition?


firefox,firefox-developer-tools,firefox-developer-edition
I am using Firefox Developer Edition and when I had the Inspector open, which is accessed by right-clicking an item and selecting Inspect Element, I then right clicked something in the Inspector and selected Show DOM Properties, which you can see in the screenshot below: However I cannot figure out...

Firefox 37 throwing error when trying to add microphone volume control for WebRTC audio context


firefox,webrtc,html5-audio,audiocontext
Since firefox 37 I cannot add volume control to the input(microphone), i get the error : IndexSizeError: Index or size is negative or greater than the allowed amount It works fine on Chrome. Here is the code sample : var audioContext = new (window.AudioContext || window.webkitAudioContext)(); // define audio context...

Opentype features cross-browser compatibility


css,css3,firefox,webkit,opentype
I am trying to utilise the opentype features of 'Plantin MT Pro' from myfonts. More specifically, I am hoping to use 'true' small-caps and old-style numbering. By 'true' small-caps, I mean i'd prefer not to mimic small-caps via the font-variant selector if possible. The below css is achieving success in...

Polymer 1.0 services issue


polymer,web-component
I'm working on a reddit client using polymer to check out web compoments technologies. I started with the 0.5 version and got back on this project recently. That when I found out that polymer had the 1.0 released so I started over (as it wasn't that advanced anyway). I have...

Polymer 1.0 - Issue selecting dynamic element by id


javascript,web-component,polymer-1.0
I am trying to select an element by id that was created dynamically: <dom-module id="filter-box"> <style> :host { display: block; } </style> <template> <h4 id="title">{{title}}</h4> <paper-checkbox id="test">test</paper-checkbox><br> <template is="dom-repeat" items="{{filters}}"> <paper-checkbox id="{{item}}">{{item}}</paper-checkbox><br> </template> </template> </dom-module> <script> (function () { Polymer({ is: 'filter-box',...