Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ionic Lab display seems off -- device simulators do not vertically fit, scrollbars are visible

See original GitHub issue

Ever since upgrading to ionic-cli@^4 and installing @ionic/lab, when developing on a 13 inch Mac Air in Chrome (with bookmarks bar visible), the device simulators do not vertically fit anymore. There are constant (ugly white) scrollbars.

It’s a bit frustrating because:

The simulators are never fully visible.
I always scroll the lab UI instead of the app content in the device simulators, depending on where the mouse cursor currently is.

I’m not sure what changed from v3 actually. Did the device simulators’ height/size increase? Did the lab header and/or footer height grow and take up more space? Something happened. And the experience, developing in a browser on a 13 inch screen has become quite annoying.

Issue Analytics

State:
Created 5 years ago
Comments:6 (4 by maintainers)

Top GitHub Comments

1reaction

imhoffdcommented, Oct 2, 2018

@bnfrnz Ionic Lab was completely rewritten so it could be reusable. I will investigate this.

0reactions

imhoffdcommented, Oct 10, 2018

@bnfrnz Ah, thanks. You explained it well. Thank you 👌

Top Results From Across the Web

front pannel scroll bar get disabled(not visible) - NI Community

Hi, I am facing some strange problem with Lab View front pannel. I am doing some expriement with PictRing vi which is in...

Ionic 4: how to hide ScrollBar in ion-content - Stack Overflow

This solution hides the scrollbars but blocks the <ion-content> scrollToTop and scrollToBottom function stopped working for me. Is it same for ...

Page (lv_page) - LVGL documentation

LV_SCRLBAR_MODE_AUTO Show scroll bars when the scrollable container is large enough to be scrolled. LV_SCRLBAR_MODE_HIDE Hide the scroll bar temporally.

Scrolling | Angular Material

Virtual scrolling is different from strategies like infinite scroll where it renders a set amount of elements and then when you hit the...

Media Query width and vertical scrollbars | 456 Berea Street

All browsers do not handle vertical scrollbars the same way when ... describes the width of the targeted display area of the output...