Highlighted

Artboards with a scrollable area leave a thin gap around the edge of frame

Community Beginner ,
Mar 09, 2019

Copy link to clipboard

Copied

I noticed this when auto-animating from one artboard to the next. First artboard doesn't have a scroll but the second does. Once animation is complete, a very thin cropped area appears around the frame allowing me to see content under some fixed position layers. It creates a weird effect and means if you have a scroll that goes under the layers, you can see it through the thin gap. After a few tests I've noticed that this only happens if you are previewing an artboard that is larger than the devices screen, for example, I'm previewing a 1920 x 1080 artboard on my iPhone 8.

EDIT: Also noticed it appears to shift positions by a few pixels or so, maybe this is why the gaps are appearing, Text that is in the exact same position looks like it drops on the Y axis.

Views

180

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

Artboards with a scrollable area leave a thin gap around the edge of frame

Community Beginner ,
Mar 09, 2019

Copy link to clipboard

Copied

I noticed this when auto-animating from one artboard to the next. First artboard doesn't have a scroll but the second does. Once animation is complete, a very thin cropped area appears around the frame allowing me to see content under some fixed position layers. It creates a weird effect and means if you have a scroll that goes under the layers, you can see it through the thin gap. After a few tests I've noticed that this only happens if you are previewing an artboard that is larger than the devices screen, for example, I'm previewing a 1920 x 1080 artboard on my iPhone 8.

EDIT: Also noticed it appears to shift positions by a few pixels or so, maybe this is why the gaps are appearing, Text that is in the exact same position looks like it drops on the Y axis.

Views

181

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
Adobe Community Professional ,
Mar 09, 2019

Copy link to clipboard

Copied

Can you share a link? Is this happens only on iPhone 8 or on the desktop also?

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
Reply
Loading...
Community Beginner ,
Mar 10, 2019

Copy link to clipboard

Copied

I will create a demonstration project for this and copy the link in here. It also happens on the desktop version if you scale down the preview window.

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
Reply
Loading...
Community Beginner ,
Mar 10, 2019

Copy link to clipboard

Copied

Here is the download link.

Download link

https://we.tl/t-nc85bFjTL9

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
Reply
Loading...
Adobe Community Professional ,
Mar 10, 2019

Copy link to clipboard

Copied

:Thanks for file. Here what I see. Thin scrollbar appears when window is smaller than artboard.

Capture.JPG

If I understand you correct you are talking about gap under the last menu item Right?. If you mean that I correct it by enlarging Artboards Viewport Height from 1088 to 1088 and that gap gone.

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
Reply
Loading...
Community Beginner ,
Mar 10, 2019

Copy link to clipboard

Copied

Sorry I may not have explained well. Here are two images attached, download them both and swap between them and you will see what I mean. Look in the top left area, above the blue strap.

1.PNG

2.PNG

Comparison.png

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
Reply
Loading...
Adobe Community Professional ,
Mar 10, 2019

Copy link to clipboard

Copied

I change Y position of menu Grid and its gone. See images

Capture4.JPG

in preview window

Capture3.JPG

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
Reply
Loading...
Community Beginner ,
Mar 10, 2019

Copy link to clipboard

Copied

It's still there, look above the blue strap, there's a tiny gap.

Comparison.png

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
Reply
Loading...
Adobe Community Professional ,
Mar 10, 2019

Copy link to clipboard

Copied

See it on your picture but not the one that have been made on my screen . My screen resolution is 1280x1024. IMHO that can depend on screen resolution,

Capture5.JPG

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
Reply
Loading...
Community Beginner ,
Mar 10, 2019

Copy link to clipboard

Copied

Here is a another.

Comparison2.png

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
Reply
Loading...