Automattic / Automattic/wp-calypso

[Classic Editor] Distraction free writing mode icon not visible on Firefox browser

Open
#97,205 4 comments 0 reactions 0 assignees View on GitHub
Customer Report > Direct Customer signal > Cleaned Dotcom > Manage content (non-editor experience) Editor Experience PE Journey: Core Value PE Score: 2. Significant PE Segment: Adjacent WordPress.com
Dominant language
TypeScript
Stars
12.6k
Forks
2k
Avg merge
1d 17h
Merged PRs (30d)
552

Description

### Quick summary

When using the Firefox web browser with the "Enable full-height editor and distraction-free functionality" option activated through the "Screen options," the icon does not appear in the toolbar under the "Visual" tab while editing a post in the classic editor. This is different from how it is displayed in Google Chrome.

**Chrome**

![Image](https://github.com/user-attachments/assets/30b6e95e-0f75-41c8-b5e4-37eeddb98295)

**Firefox**
![Image](https://github.com/user-attachments/assets/4665b0a5-9041-4be3-8f96-87e544c542dc)

### Steps to reproduce

1. Edit a post in the classic editor using Firefox.
2. Enable the `Enable full-height editor and distraction-free functionality` option in the `Screen Options`.
3. The icon to enter distraction-free writing mode will not appear.

### What you expected to happen

For the distraction-free writing mode icon to appear.

### What actually happened

The distraction-free writing mode icon does not appear.

### Impact

Some (< 50%)

### Available workarounds?

Yes, easy to implement

### If the above answer is "Yes...", outline the workaround.

Use another web browser such as Google Chrome

### Platform (Simple and/or Atomic)

Atomic, Simple

### Logs or notes

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the classic editor with Firefox, the Visual tab, and the Screen Options setting enabled, then compare the toolbar behavior with Chrome. Locate the classic editor toolbar entry point and verify that the distraction-free writing mode icon appears in Firefox as well as Chrome.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.