firefox

Workaround to the button outline on focus appearing behind the sibling button with float left

拈花ヽ惹草 提交于 2020-07-06 20:22:17
问题 Given this HTML: <div> <button>Test1</button> <button>Test2</button> </div> And this stylesheet: button { border: 1px solid #EEE; float: left; } button:focus { outline: thin dotted; } SSCCE: http://jsfiddle.net/DKpGA/ In the following jsfiddle the outline stays behind the next element if you focus on the first one (click and "drag" the first button to show just the bordered outline). It happens in Firefox (edge) and IE10. I tried to use z-index to control the z position of both element

Flash of unstyled content (FOUC) in Firefox only? Is FF slow renderer?

两盒软妹~` 提交于 2020-07-04 08:35:30
问题 I'm not seeing this issue in any other browser that I've tested - IE, Chrome, Opera - but whenever I load a page from the server, I'm seeing a flash of unstyled content before the CSS is applied. This is even happening on subsequent page loads where everything should be cached - every time the page loads I see the unstyled content for a split-second, then everything settles in. It's also worth noting (perhaps?) that the page is using @font-face to pull some Google fonts. They are stored in a

Flash of unstyled content (FOUC) in Firefox only? Is FF slow renderer?

大兔子大兔子 提交于 2020-07-04 08:35:01
问题 I'm not seeing this issue in any other browser that I've tested - IE, Chrome, Opera - but whenever I load a page from the server, I'm seeing a flash of unstyled content before the CSS is applied. This is even happening on subsequent page loads where everything should be cached - every time the page loads I see the unstyled content for a split-second, then everything settles in. It's also worth noting (perhaps?) that the page is using @font-face to pull some Google fonts. They are stored in a

How can I use navigator.clipboard.readText() in a Chrome extension?

☆樱花仙子☆ 提交于 2020-07-03 07:59:02
问题 I wrote a Firefox extension that reads the clipboard and if it has some PEM certificate, it will print it's details in a new tab. I'm trying to port to Chrome. It does not work. What am I doing wrong? I asked for the clipboardRead in manifest.json and I run this in background script and it works fine in Firefox. navigator.clipboard.readText().then(function (textFromClipboard) { //do stuff with textFromClipboard }); This fails in Chrome with "Failed to execute 'readText' on 'Clipboard':

How can I use navigator.clipboard.readText() in a Chrome extension?

荒凉一梦 提交于 2020-07-03 07:57:49
问题 I wrote a Firefox extension that reads the clipboard and if it has some PEM certificate, it will print it's details in a new tab. I'm trying to port to Chrome. It does not work. What am I doing wrong? I asked for the clipboardRead in manifest.json and I run this in background script and it works fine in Firefox. navigator.clipboard.readText().then(function (textFromClipboard) { //do stuff with textFromClipboard }); This fails in Chrome with "Failed to execute 'readText' on 'Clipboard':

Is there a way to find where the code creates the dynamically popup on browsers?

无人久伴 提交于 2020-06-29 04:26:13
问题 When I open a website that's not developed by me, it created a pop up of a DIV element. How can I find which code create that popup? I tried to set the breakpoint, but it only show the popup in the first time. Please note the key here are It's a website that's not developed by me The Popup is a DiV The popup only show the first time. If I refresh the page, it's gone. I'm not asking you to debug the site for me, I want to learn the ways to debug it by myself. What I'm after is programmatically

Selenium Webdriver not finding XPATH despite seemingly identical strings

隐身守侯 提交于 2020-06-29 03:38:49
问题 This question is related to my previous two: Inducing WebDriverWait for specific elements and Inconsistency in scraping through <div>'s in Selenium. I am scraping all of the Air Jordan sneakers off of https://www.grailed.com/. The feed is an infinitely scrolling list of sneakers and I am using Selenium webdriver to scrape the data. My problem is that the images for the shoes seem to take a while to load, so it throws a lot of errors. I have found the pattern in the xpath's of the images. The

Let's Encrypt certificate not trusted on Firefox

生来就可爱ヽ(ⅴ<●) 提交于 2020-06-27 10:10:11
问题 I just added the certificate in IIS 8 (Windows Server 2012) using letsencrypt-win-simple.V1.9.1 . There are no problems in Google Chrome but in Firefox the connection is not trusted. I followed this tutorial : https://weblog.west-wind.com/posts/2016/feb/22/using-lets-encrypt-with-iis-on-windows#TheEasyWay:LetsEncrypt-Win-Simple . 回答1: Upon cursory examination, it would appear that you have a valid SSL certificate installed and configured. However, more thorough analysis courtesy of the

Restore exact innerHTML to DOM

允我心安 提交于 2020-06-25 07:27:11
问题 I'd like to save the html string of the DOM, and later restore it to be exactly the same. The code looks something like this: var stringified = document.documentElement.innerHTML // later, after serializing and deserializing document.documentElement.innerHTML = stringified This works when everything is perfect, but when the DOM is not w3c-comliant, there's a problem. The first line works fine, stringified matches the DOM exactly. But when I restore from the (non-w3c-compliant) stringified ,

Firefox: How can I add/modify toolbars using the Add-on SDK (Jetpack)

∥☆過路亽.° 提交于 2020-06-24 05:44:35
问题 So I've looked over the documentation for the Add-on SDK several times now and no where can I see how to create toolbars or modify existing ones. They have a tutorial on creating add-on bar icons but thats not what I want. Does the Add-on SDK support this yet? If it does, can someone link me to an example/tutorial. 回答1: This works for me: var data = require("self").data; var {Cc, Ci} = require("chrome"); var mediator = Cc['@mozilla.org/appshell/window-mediator;1'].getService(Ci