Overflow:hidden on .gjs-block-label clips the text
I'm not facing it on my side (Mac), probably due to the font size differences the whole content exceeds block's height: 90px;. We need overflow:hidden to avoid the text overflow with big strings. Probably just by setting min-height: 90px; on the block is enough
Read full answer below ↓Question
Using dev@HEAD (https://github.com/artf/grapesjs/commit/9a71368f43d690405d3c60682c7dfee83fd87a4e) you can see that the Test block has it's label clipped, as shown in both Firefox and Chrome below. NB this doesn't happen on release v0.14.5
Answers (2)
I'm not facing it on my side (Mac), probably due to the font size differences the whole content exceeds block's height: 90px;. We need overflow:hidden to avoid the text overflow with big strings. Probably just by setting min-height: 90px; on the block is enough
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #792
Script property using function don't work with blocks
In Components & JS docs there's this example: This works perfectly. But I couldn't use a function instead of a string in script, as is said...
Issue #681
Toolbar shown again on scroll even if it is hidden in Firefox
Hi, We have hide the toolbar using gjs-data-* properties. It is successfully hidden. But in firefox when you scroll down , it again pops up...
Issue #2044
Npm start to develop on local server didn't work
Did the procedure to start the local server using dev branch as described on README, it worked on the console, but fails on chrome and the...
Issue #1563
[Bug] Trait - Change Video Provider issue
Version: 0.14.40 Bug: When you change "Provider" field -> all settings gone. It happens in Chrome, Safari and Firefox, last versions. How t...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.