Comments (4)
Addendum: Works well with Google Chrome Canary. Problem is specific to Chrome 19.
from roundabout.
Found the cause at least, if commenting the following lines in roundabout.js (line 490), i don't get the aw snap on chrome, any idea why the last 3 css settings raise a problem:
// update item
child
.css({
left: ((factors.x * info.midStage.width + info.nudge.width) - factors.width / 2.0).toFixed(0) + "px",
top: ((factors.y * info.midStage.height + info.nudge.height) - factors.height / 2.0).toFixed(0) + "px",
width: factors.width + "px",
height: factors.height + "px",
//opacity: (info.opacity.min + (info.opacity.diff * factors.scale)).toFixed(2),
//zIndex: Math.round(info.zValues.min + (info.zValues.diff * factors.z)),
//fontSize: (factors.adjustedScale * data.startFontSize).toFixed(1) + "px"
});
Thanks.
from roundabout.
That's mighty bizarre. Will need to look into why this is happening. Maybe font-size with a decimal is throwing it for a loop?
from roundabout.
Yes very weird case. A thread is opened on Google Chrome feedback forum but they don't give it much interest.
Font sizes are specified in em in the CSS file which seemed necessary on my side, often with decimals (i just tried removing them on both font-size and line-height without success).
Trying to specifying a fixed font size in px in roundabout.js (line 499) doesn't raise any error so you're right and it seems to be a font size issue.
Any way to use anything else but em with roundabout (as i would have font sizes without decimal in this case)?
from roundabout.
Related Issues (20)
- This plug-in performance on mobile devices too bad
- Stopping immediately HOT 2
- Equidistant slides width. HOT 3
- [enhancement] Add missing bower.json.
- Control distance from center of carousel in FredHQ's Roundabout HOT 1
- duration option not working
- Question: Is it possible to "page" items in the Roundabout?
- slider does not work in mobile browser HOT 1
- Bootstrap 3 integration
- Safari is giving problems (scale + not working)
- Set autoplay to left direction instead of right
- click issue in Chrome mobile when drag is enabled HOT 1
- Resized images
- Images doesn't always load on page load.. need to refresh to load images
- Missing semicolon in minified version.
- Solution for Safari and some other browser issues HOT 1
- Limiting the number of cards shown
- Do you can offer some application examples? HOT 2
- hey author, how to use hookable event handler in this plugin?
- why not give some demos?
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 roundabout.