Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixes #5165 REPL on iOS: Input/output toggle is only visible after awk… #5175

Merged
merged 1 commit into from
Aug 12, 2020

Conversation

Wolfr
Copy link
Contributor

@Wolfr Wolfr commented Jul 21, 2020

Fixes #5165 REPL on iOS: Input/output toggle is only visible after awkward scroll.

By giving main a height of 100%, we can now treat the .outer-repl div as a flex container. I removed the absolute positioning from the .input-output-toggle and gave the 3 divs within the outer-repl their proper flex growth logic: flex: 0(don't grow) for the bars (top bar and bottom bar) and flex: 1; (grow) for the content area.

This in turn gives a good scroll result in Safari on iOS13 (tested in simulator).

I then tested for any regressions to the main layout in Firefox, Safari and Chrome and all looked fine.

Screenshot 2020-07-21 at 14 28 39

Signed-off-by: Wolfr [email protected]

@Wolfr Wolfr changed the title Fixes #5165 EPL on iOS: Input/output toggle is only visible after awk… Fixes #5165 REPL on iOS: Input/output toggle is only visible after awk… Jul 21, 2020
@Wolfr
Copy link
Contributor Author

Wolfr commented Aug 2, 2020

Thanks for approving @ceifa! It would be nice to see these changes live.

Copy link
Member

@antony antony left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Screenshot from 2020-08-12 22-28-31
bs1
Tested on various iPhones - works amazingly! Thank you so much.

@Conduitry Conduitry merged commit dccdb9f into sveltejs:master Aug 12, 2020
taylorzane pushed a commit to taylorzane/svelte that referenced this pull request Dec 17, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

REPL on iOS: Input/output toggle is only visible after awkward scroll
5 participants