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

On small screens the top toolbar has a black background on scroll #32631

Closed
draganescu opened this issue Jun 11, 2021 · 3 comments · Fixed by #32732
Closed

On small screens the top toolbar has a black background on scroll #32631

draganescu opened this issue Jun 11, 2021 · 3 comments · Fixed by #32732
Assignees
@getdave
Labels
Browser Issues Issues or PRs that are related to browser specific problems CSS Styling Related to editor and front end styles, CSS-specific issues. [Feature] Widgets Screen The block-based screen that replaced widgets.php. [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@draganescu
Copy link
Contributor

draganescu commented Jun 11, 2021 •
edited
Loading

Sometimes when scrolling the widgets editor the top bar becomes transparent.

To reproduce

  1. On an iPhone in Safari
  2. Using Twenty Fourteen as a theme
  3. Go to Appearance > Widgets
  4. Make sure to add some blocks to be able to scroll the page
  5. Scroll slowly
  6. Notice the black top bar sometimes appears

Expected behavior:

No change in the background of the top bar

Screenshot

image
@draganescu draganescu added [Type] Bug An existing feature does not function as intended [Feature] Widgets Screen The block-based screen that replaced widgets.php. CSS Styling Related to editor and front end styles, CSS-specific issues. labels Jun 11, 2021
@talldan
Copy link
Contributor

talldan commented Jun 14, 2021

@draganescu Please could you add which browser and theme you used for testing? Thanks.

@talldan talldan added the [Status] Needs More Info Follow-up required in order to be actionable. label Jun 14, 2021
@draganescu
Copy link
Contributor Author

draganescu commented Jun 14, 2021 •
edited
Loading

Updated! On an iPhone in Safari. Let's see if I can remember the theme 🤦🏻‍♂️
Later edit: I did. It's Twenty Fourteen.

@draganescu draganescu removed the [Status] Needs More Info Follow-up required in order to be actionable. label Jun 14, 2021
@talldan talldan added the Browser Issues Issues or PRs that are related to browser specific problems label Jun 15, 2021
@getdave
Copy link
Contributor

getdave commented Jun 16, 2021

Confirmed I can still replicate on the iOS Simulator

Screen.Capture.on.2021-06-16.at.11-58-38.mp4

I'll take a look into this one.

@getdave getdave self-assigned this Jun 16, 2021
@getdave getdave mentioned this issue Jun 16, 2021
Merged
7 tasks
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Jun 16, 2021
@talldan talldan changed the title On small screens the top toolbar has a back background on scroll On small screens the top toolbar has a black background on scroll Jun 22, 2021
@Mamaduka Mamaduka mentioned this issue Jul 14, 2021
Closed
7 tasks
This was referenced Feb 17, 2022
Open
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@getdave getdave

Labels
Browser Issues Issues or PRs that are related to browser specific problems CSS Styling Related to editor and front end styles, CSS-specific issues. [Feature] Widgets Screen The block-based screen that replaced widgets.php. [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
None yet
Milestone
No milestone
3 participants
@draganescu @getdave @talldan