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.

Sign up for GitHub

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

Jump to bottom

Editor: Post settings sections become inaccessible on Safari (mobile, narrow width) #12212

Closed
alisterscott opened this issue Mar 15, 2017 · 0 comments · Fixed by #12318
Closed

Editor: Post settings sections become inaccessible on Safari (mobile, narrow width) #12212

alisterscott opened this issue Mar 15, 2017 · 0 comments · Fixed by #12318
Labels
[Feature] Post/Page Editor The editor for editing posts and pages. [Type] Bug

Comments

@alisterscott
Copy link
Contributor

In Safari (iOS iPhone or Mac OSX resized to narrow width), when adding settings to a post using the new editor redesign the top sections become inaccessible, this is particularly problematic when adding a featured image.

I couldn't work out any way to get these back without saving the post and doing a full page refresh.

Steps to reproduce

  1. Starting at URL: https://wordpress.com/post/ (Safari on OSX resized to narrow width, or iOS iPhone)
  2. Choose Post Settings
  3. Expand various sections - add featured image

What I expected

Sections still accessible via scroll

What happened instead

Sections become inaccessible without browser refresh

Browser / OS version

iOS Safari 10.2.1

Screenshot / Video

editor sidebar

Context / Source

#reallife #dogfooding #painpoint
@alisterscott alisterscott added [Feature] Post/Page Editor The editor for editing posts and pages. [Type] Bug labels Mar 15, 2017
@alisterscott alisterscott mentioned this issue Mar 15, 2017
Merged
8 tasks
jasmussen added a commit that referenced this issue Mar 20, 2017
@jasmussen
Fix Safari-specific sidebar height issue on mobile.
1740a63 
Safari has a flex-box bug detailed here: https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored

This bug affected the Post Settings sidebar when opened on mobile breakpoints. This commit fixes it, and fixes #12212.
@jasmussen jasmussen mentioned this issue Mar 20, 2017
Merged
jasmussen added a commit that referenced this issue Mar 20, 2017
@jasmussen
Fix Safari-specific sidebar height issue on mobile. (#12318)
240c229 
Safari has a flex-box bug detailed here: https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored

This bug affected the Post Settings sidebar when opened on mobile breakpoints. This commit fixes it, and fixes #12212.
jhnstn pushed a commit that referenced this issue Mar 21, 2017
@jasmussen @jhnstn
Fix Safari-specific sidebar height issue on mobile. (#12318)
4b83b01 
Safari has a flex-box bug detailed here: https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored

This bug affected the Post Settings sidebar when opened on mobile breakpoints. This commit fixes it, and fixes #12212.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Feature] Post/Page Editor The editor for editing posts and pages. [Type] Bug
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Fix Safari-specific sidebar height issue on mobile. Automattic/wp-calypso
1 participant
@alisterscott