Comments (24)
Any chance you can track down what part of the code exactly causes this error?
from object-fit.
It's line 38 where it's returning the cssRules.
Though I can't get it to show me anything useful about the data it's storing up here by using the console.log so maybe it's returning null?
from object-fit.
Hi @mattbbp, it seems to be a problem with testing on a local machine path instead of a server (you test on file:///
, aren't you? Can you please test if this also happens on a localhost or a server? Couldn't reproduce here…
from object-fit.
http://comeround.bbpdev.com/__dev/all/object-fit/tests/index-cover.html
Getting the same here...
from object-fit.
Weird, I'm not getting this in FF 27.0 and 30alpha. Which channel do you use – is it Aurora?
from object-fit.
I'm on the beta channel on my Mac - I've tried it on 2 real PCs (v26 & v27) and and a virtual Mac (v27)
While I'm not getting the same error on the PCs, it's distorting the image/not rendering the cover object-fit properly.
from object-fit.
Thanks, I'll try to find out what it could be and how to fix it.
from object-fit.
The PCs don't have the developer tools installed to see the full errors. but these warnings are showing in Firebug on load (Windows 8, FF27):
14:20:44.963 The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. index-cover.html
14:20:45.043 TypeError: CSS2Properties doesn't have an indexed property setter. polyfill.object-fit.js:396
from object-fit.
any joy on this at all?
from object-fit.
Oh, sorry—hadn't had the time yet to dig into this issue. I can confirm the second warnings btw while I still cannot confirm the initially reported issue. Can you reconfirm and update the initial post accordingly?
from object-fit.
no - I'm not getting that error now. that's so weird. have updated the post.
from object-fit.
Just to confirm... getting same error. "TypeError: CSS2Properties doesn't have an indexed property setter." line 396
from object-fit.
Thanks, @Schepp is working on this and we’ll keep you up-to-date here.
from object-fit.
Thanks!
from object-fit.
Just to confirm as well, same issue here :)
from object-fit.
Thanks and sorry for the delay. I haven’t found an easy solution yet but will work on it over the next days and hopefully get a solution.
from object-fit.
Looking forward to it, keep up the great work :)
from object-fit.
Thank you!
Matt
On Fri, Mar 14, 2014 at 1:34 PM, Triphys [email protected] wrote:
Looking forward to it, keep up the great work :)
Reply to this email directly or view it on GitHubhttps://github.com//issues/5#issuecomment-37646922
.
from object-fit.
Hi, sorry again for the long delay here. I reached out to some FF devs but got no clear answer yet to this issue. Therefore I want to propose a hotfix to you:
By commenting out line 396 from polyfill.object-fit.js you can prevent the error and Firefox will display the image correctly with object-fit.
I still hope we’ll get the issue tracked down and resolved as soon as possible.
from object-fit.
I’m looking at http://comeround.bbpdev.com/__dev/all/object-fit/tests/index-cover.html in FF 29 and it looks good to me!
from object-fit.
Yes - I can't get it to work in practice on a larger site though.
https://comeround.bbpdev.com/__dev/mph/
I've put it back in to show the problem, it just hangs on every image it
needs to process.
Is it too much css because of bootstrap? Is it trying to process all that
for every image?
On 22 May 2014 21:02, Oliver Joseph Ash [email protected] wrote:
I’m looking at
http://comeround.bbpdev.com/__dev/all/object-fit/tests/index-cover.htmlin FF 29 and it looks good to me!—
Reply to this email directly or view it on GitHubhttps://github.com//issues/5#issuecomment-43937065
.
from object-fit.
I see. I don’t know yet why the script goes unresponsive in this case (only in Firefox as Chrome supports object-fit natively). I’ll have a look at this as soon as possible and make a performance audit.
from object-fit.
Thank you - this site is due to go live in a week so if I can get this bit
worked out, it would be great.
On 23 May 2014 23:35, Anselm Hannemann [email protected] wrote:
I see. I don’t know yet why the script goes unresponsive in this case
(only in Firefox as Chrome supports object-fit natively). I’ll have a look
at this as soon as possible and make a performance audit.—
Reply to this email directly or view it on GitHubhttps://github.com//issues/5#issuecomment-44067439
.
from object-fit.
Hi @mattbbp @OliverJAsh @Triphys can you please test v0.3.3 and report back if the issue still appears or not. @mattbbp your issue seems to be a different, would you mind creating a new one mentioning the performance issue (if still applicable in v0.3.3)?
from object-fit.
Related Issues (20)
- Initialise polyfill repeatedly HOT 8
- Firefox 17.0.6 script not responding HOT 4
- Does this also work with videos? HOT 12
- Use external polyfills HOT 16
- IE11 crashes because of css crawling HOT 1
- Issues with object-fit: cover and html5 videos on Project Spartan/Microsoft Edge browser HOT 1
- Can you use multiple css selectors? HOT 4
- Does not respond to height set inside media queries. HOT 4
- IE9 not working HOT 1
- Doesn't seem to work as expected HOT 2
- Missing 'scale-down`
- Not working in IE11 HOT 8
- Not working in Firefox 35 HOT 1
- Object-fit replaces classes on image HOT 5
- Tests not working in IE9 HOT 1
- Not working in Microsoft Edge HOT 2
- Doesn't work? HOT 1
- Warn developers about usage HOT 3
- Drop auto-detection for explicit usage HOT 3
- Alternative fallback HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from object-fit.