BUG: Cannot set Block display value
Question
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?
- Select any word.
- Wrap it for style.
- Keep this word selected.
- Go to General -> Display
- 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
Answers (3)
Yeah, the issue is here: https://github.com/GrapesJS/grapesjs/blob/1e3766f0060e6da502fccf9ba9eb938d5ac860bb/src/style_manager/model/PropertyFactory.ts#L267
Would it make sense to add a new option like initial and make it the default one?
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.
Hi @Gryphonn,
I tried to reproduce your issue but the steps aren't that clear, please rephrase.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #6458
BUG: sector.setName doesn't work
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfi...
Issue #5888
BUG: Cannot edit component content even with editable property set to true
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome V124 Reproducible demo link https:/...
Issue #5442
BUG: After applying the text color not able to set the background color
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link https://jsfi...
Issue #4576
BUG: Clicking 'wrap for style' button affects the inner components of other components inside the same text box
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 104.0.5112.101 Reproducible demo link...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.