Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

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

Community Beginner ,
Mar 09, 2019 Mar 09, 2019

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.

591
Translate
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
Community Expert ,
Mar 09, 2019 Mar 09, 2019

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

Translate
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
Community Beginner ,
Mar 10, 2019 Mar 10, 2019

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.

Translate
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
Community Beginner ,
Mar 10, 2019 Mar 10, 2019

Here is the download link.

Download link

https://we.tl/t-nc85bFjTL9

Translate
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
Community Expert ,
Mar 10, 2019 Mar 10, 2019

: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.

Translate
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
Community Beginner ,
Mar 10, 2019 Mar 10, 2019

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

Translate
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
Community Expert ,
Mar 10, 2019 Mar 10, 2019

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

Capture4.JPG

in preview window

Capture3.JPG

Translate
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
Community Beginner ,
Mar 10, 2019 Mar 10, 2019

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

Comparison.png

Translate
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
Community Expert ,
Mar 10, 2019 Mar 10, 2019

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

Translate
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
Community Beginner ,
Mar 10, 2019 Mar 10, 2019
LATEST

Here is a another.

Comparison2.png

Translate
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