IE10 version tested: 10.0.8102.0 When prefixing the box-shadow propertie (like -prefix-free do it on IE10), this propertie doesn't work. Example that doesn't work for IE10: -ms-box-shadow(#6D6D6D 2px 2px 4px) This works for IE10: box-shadow(#6D6D6D 2px 2px 4px)

You can see this issue on that page: http://jojaba.free.fr/alsacreations/prefixfree-demo/prefixfree-demo.html

Thanks for your great work

Behavior RegExp is broken:

SyntaxError: Invalid regular expression /bla/: Nothing to repeat

Base URL needs to be escaped before being used in a RegExp.

In IE9 with a linked stylesheet using the media query "only screen and (min-width: 500px)", -prefix-free disables that stylesheet when it loads. Resizing the browser causes the stylesheet to be re-applied.

Test case: http://eastsussex.gov.uk/testcase/linked.html

Hi! I don't know if it's a bug of FF, because, strangely, in your example page box-sizing gets prefixed. Instead, in my page it doesn't get replaced:

* {
    box-sizing: border-box;
}

gets me

* {
}

I was working on my Mac, with Chrome, and everything was OK. Then I turned on my PC and fired my site, also on Chrome. Immediately I noticed linear-gradients stopped working. After further investigation I realized that the CSS files were being parsed but no property was actually being prefixed.

Then I checked both browser (on Mac and on PC) versions. Chrome on Mac was outdated (24) and on PC it was up to date (26).

Simply updated my Chrome on my Mac and the same error (no prefixes) occurred.

I assume Prefixfree is not working under Chrome 26.

For example, transition: transform 0.25s ease-in-out; becomes -moz-transition: transform 0.25s ease-in-out;.

I expected -moz-transition: -moz-transform 0.25s ease-in-out;

This adds support for:

• cursor: grab, cursor: grabbing, width: contains-float
• ::backdrop, :fullscreen and ::placeholder.

The tests have improved, but they are still broken...

Tried out this script today and as soon as I refreshed the page I was working on all of the css background images disappeared as soon as the script loaded. I tried the script first at bottom of page, where I normally put js like this, tried it in the as well.

I'm on a mac and this bug happened in Chrome 14 and the latest Firefox version 7.0.

I typically write my css on one line and write background properties like this: background: url(../img/hero-bg.png) no-repeat;

Would love to use the script but unfortunately won't be able to with this bug.

Thanks

Any chance you can add support for styling the input placeholder? AFAIK, following works:

:-ms-input-placeholder for IE 10+ :-moz-placeholder for Firefox 4+ ::-webkit-input-placeholder for Chrome and Safari

On IE9, XMLHttpRequest does not allow to do a crossdomain request. An exception is triggered on open() in this case. We intercept this exception and use XDomainRequest if available.

This should close #60.

I needed support for these values in a prototype I'm building and noticed they were omitted. See:

https://developer.mozilla.org/en/CSS/cursor

WebKit & Mozilla both implement these values with prefixes.

There have been PRs merged to update prefixfree.js, but the prefixfree.min.js file hasn't been updated for 4 years. Would be good to have this updated to the latest.

Can you add support for "column-gap" and "row-gap"?

// does not work in iOS Safari 11.1
column-gap: 10px
row-gap: 10px

For example iOS Safari 11.1 doesn't understand column-gap and row-gap.

The prefixed version would be:

// does work in iOS Safari 11.1
grid-column-gap: 10px
grid-row-gap: 10px

Thanks for this awesome library!

I am having IE issues with grid. Is it possible to tell prefix-free not to handle any grid styles?

Thanks

By the way, I am including prefixfree.min.js in my project.

StyleFix converts <link ... /> into <style ... /> , and this breaks BrowserSync automatic style refresh. As a result, BrowserSync stylesheet reloading doesn't work, one needs to fully reload the page. This is probably a wont-fix, but still good to know for some people.

Document.currentScript is null when executed in a module or with eval. This results in an exception on line 14 in prefixfree.js. I understand that the limitations state, "Prefixing code in @import-ed files is not supported." However, I am not sure if that refers to the CSS or the -prefixfree source. Applications run in environments like StackBlitz are bundled or executed with eval where Document.currentScript is always null. This reproduction using -prefixfree and conic-gradients performs a null check.

var currentScript = document.currentScript;
var self = window.StyleFix = {
	optIn: currentScript && currentScript.hasAttribute("data-prefix"),

v1.0.10