Jump to content


WTH! New MacBook & Chrome is suddenly scaling an Animate HTML5 doc

Recommended Posts

I guess the mismatch is that the scrolling panel is not scaling for the display, and the Canvas part of the document is.


The LG Ultra 27MU88 monitor is not new. The MacBook is. At home on a 27" Dell, same new MacBook, and everything is fine. Get to work and between the new laptop and LG monitor my animation is dwarfed by the z-indexed scroll pane.


Link to comment
Share on other sites

Howdy @somnamblst. Sounds like an odd Adobe Animate thing. Not sure - did you have a GSAP-related question for us? 

Link to comment
Share on other sites

No. Just that the banner people are pretty savvy. And some use Animate. 

Link to comment
Share on other sites

Sure you’re not accidentally zooming in on the page?

Link to comment
Share on other sites

I am not. The size of the canvas animation is correct for that resolution. But the added HTML scroll pane that uses z-index is displaying as if it is resolution agnostic. I realize using z-index puts the scroll pane above since it needs to react to mouse events.


Link to comment
Share on other sites

This is the CSS. I don't know anything about how resolution effects CSS. 

        position: absolute;
        top: 20px;
        text-align: center;


    ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(255,255,255, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);

.example {
  display: inline-block;

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.