Automattic / Automattic/jetpack

DotCom's admin masterbar uses absolute position instead of fixed in small viewports

Open
#32,841 2 comments 0 reactions 0 assignees View on GitHub
[Feature] Masterbar [Plugin] Jetpack [Pri] Low [Status] Stale Bug
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

mu wpcom

### Quick summary

When viewing a Woo Express site's wp-admin on a small screen (max-width 480px), the masterbar is positioned absolute instead of fixed.

Here's a screenshot: ![rnoSYi.png](https://github.com/Automattic/jetpack/assets/1105590/efb70f50-ff61-43a9-89eb-591eaa497ba6)

### Steps to reproduce

1. Open a Woo Express site
2. Navigate to wp-admin
3. Use a 460px viewport
4. Scroll and notice the issue

### A clear and concise description of what you expected to happen.

The masterbar should be fixed on top.

### Impact

Happens in the wp-admin context.

### Platform (Simple and/or Atomic)

Atomic since it only happens on wp-admin.

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue in wp-admin at a 460px viewport and inspect the masterbar styles used below 480px. Trace where the responsive positioning rule is defined. Done means the masterbar remains fixed at the top while scrolling in the stated Woo Express Atomic context.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, wordpress
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.