[canvas] problem on fullscreen: chrome + widescreen

Explorer ,
Mar 30, 2022 Mar 30, 2022

Copy link to clipboard

Copied

Hi everybody! 

I'm having a strange problem with fullscreen, only on chrome, only on my ultra-widescreen monitor, 

I'm doing my best effort to describe this, but not sure

Once I fullscreen on chrome and on ultra-widescreen, all the active area buttons feel stretched to fill with of my canvas area but it doesn't match the design:

 

Screen Shot 2022-03-30 at 19.01.46.png

 

Does anyone have any idea, a clue even an anecdote with something similar? 
I'm having a hard time to find a fix for this, but have no idea how to describe the problem or which sentences to use to google for better results.



Here is an example to test it
http://fullscreenfalopa.netlify.app 


I get this only on chrome (and chromium based browsers) 
Is quite more evident on ultra widescreen 

 

 

 

Thanks, and sorry for my lack of explanation 

Views

63

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 30, 2022 Mar 30, 2022

Copy link to clipboard

Copied

Hi.

 

I'm not sure if I get the issue.

 

Do you want your design to take up all the available width?

 

Please let us know.

 

Regards,

JC

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 31, 2022 Mar 31, 2022

Copy link to clipboard

Copied

Is the button a simple button, or are you using your own code to decide when the cursor is over the button?

If it's your own code, there may be problems that could be solved with use of globaltolocal or localtoglobal. Read about those here:

https://createjs.com/tutorials/HitTest/

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 01, 2022 Apr 01, 2022

Copy link to clipboard

Copied

LATEST

Colling and JoãoCésar, Thank you for your time!

 

Those are actual adobe animate buttons, with their 4 frames states 

I've been doing more tests and I think the problem is the hit tests of all buttons are streched out to fill the space of the fullscreen but the graphics maintain their aspect ratio

 

A quick drawn: 
Screen Shot 2022-03-30 at 19.01.46.png

 

Imagine you stretch your canvas but maintain scales to not deform the image,

but on this chrome fullscreen bug, I got the image in his original proportions but the active states of each button stretched all together, if I still lack on explaining the bug, I could do a canvas and video capture if someone is interested on it 

 

 

Thank you!!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines