bug: unable to remove header formatting in a specific scenario

[patrickcate]

Is your feature request related to a problem? Please describe.
In the markdown editor toolbar, there is no easy way to remove heading level stylings once applied. From what I can tell, the only way to remove a heading level styling from text is to switch to the raw markdown mode and remove the # formatting there.

Describe the solution you'd like
Add a toolbar option to remove a heading styling if applied to selected text. I can thing of 3 ways this could be implemented.

1. When a heading level option in the dropdown is applied/active, clicking the dropdown item again toggles the formatting off.
2. Add a new heading dropdown option "Remove"
3. Add a new toolbar button that more generally removes any applied markdown formatting from a selection.

[erezrokah]

Hi @patrickcate, does clicking the header button again while at the end of the test works?
See

If not can you share a quick video or a step by step reproduction of what you're trying to accomplish?

[patrickcate]

@erezrokah, yes clicking on the header again while at the end of the text does work. Didn't know that was possible.

It's good to know there is a way to remove the styling without having the go into the raw markdown editor mode, but I think it would be more intuitive if this also functioned when the text was highlighted and/or the cursor was inside the text.

[erezrokah]

It's good to know there is a way to remove the styling without having the go into the raw markdown editor mode, but I think it would be more intuitive if this also functioned when the text was highlighted and/or the cursor was inside the text.

It should. Are you experiencing a different behavior? If so can you post a reproduction?

[patrickcate]

It should. Are you experiencing a different behavior? If so can you post a reproduction?

OK, just tested (I'm just using the Netlify CMS demo site). It does work when the cursor is inside the text or you've select some text inside, but doesn't work when you select the entire line by triple clicking the text.

[erezrokah]

This works for me. Can you share a step by step reproduction?

[patrickcate]

Here's a video showing the issue. When I'm selecting the entire line I'm triple clicking the text.

netflify-cms-header-dropdown.mov