Code Monkey home page Code Monkey logo

Comments (4)

thelau avatar thelau commented on August 22, 2024

Addendum: Works well with Google Chrome Canary. Problem is specific to Chrome 19.

from roundabout.

thelau avatar thelau commented on August 22, 2024

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.

fredleblanc avatar fredleblanc commented on August 22, 2024

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.

thelau avatar thelau commented on August 22, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.