This Image is when I clicked on Button and it showed popup with any zooming. enter image description here This image is when I zooming under 100%. Could you please suggest how to show the popup with text without split. I am trying to assign Style on the div and even in css but it still doesn't consider that : `
enter image description here


 - CSS Code Block:

    .slds-form-element__label {
        word-wrap: break-word;
        hyphens: inherit !important;
        display: inline-block;
        color: var(--lwc-colorTextLabel,rgba(0, 0, 0, 0.8));
        padding-right: var(--lwc-spacingXSmall,0.5rem);
        padding-top: var(--lwc-spacingXxSmall,0.25rem);
        margin-bottom: var(--lwc-spacingXxxSmall,0.125rem);

DIV code:
    <div class="slds-large-size_12-of-12 slds-medium-size--1-of-1 slds-medium-size_12-of-12 slds-p-around_large slds-form-element__label" style="hyphens:inherit">

1 Answer 1


My bad!! Actually VScode was not deploying the code so now problem is resolved.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .