BUG: Cannot set Block display value

[Gryphonn]

GrapesJS version

• I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome 126

Reproducible demo link

https://jsfiddle.net/Gryphonn/ob1pznh6/

Describe the bug

How to reproduce the bug?

1. Select any word.
2. Wrap it for style.
3. Keep this word selected.
4. Go to General -> Display
5. I want Block. I click Block but nothing happens.

What is the expected behavior?
Display value must be either empty so that I can instantly choose whatever I need.
Or it must show the current actual display value of the selected text. Which is Inline in this case and not Block.

What is the current behavior?
Currently I need to click twice.
First, click anything except Block. The display field is activated.
Then I should click Block.

If is necessary to execute some code in order to reproduce the bug, paste it here below:

// your code here

Code of Conduct

• I agree to follow this project's Code of Conduct

[danstarns]

Hi @Gryphonn,

I tried to reproduce your issue but the steps aren't that clear, please rephrase.

[Gryphonn]

Hi @Gryphonn,

I tried to reproduce your issue but the steps aren't that clear, please rephrase.

bandicam.2024-08-08.21-07-14-667.mp4

[danstarns]

Hi @Gryphonn,
I tried to reproduce your issue but the steps aren't that clear, please rephrase.

bandicam.2024-08-08.21-07-14-667.mp4

Thank you for a detailed report 🙏

It looks like we should better handle the default display so you don't have to first change to another display and back again.

[artf]

Yeah, the issue is here:

grapesjs/src/style_manager/model/PropertyFactory.ts

Line 267 in 1e3766f

['display', { type: this.typeSelect, default: 'block', options: this.opstDisplay }],

Would it make sense to add a new option like initial and make it the default one?