I've got a popover that displays record with long or rich text area fields. Fine in most places except when it's in a popover (that's over ligtning-datatable). When it has long sentences it wouldn't get wrapped breaking out of popover enter image description here


<div class="anchor">
    <section class="slds-popover slds-float_left slds-popover_x-large">
        <div class="slds-p-around_small">
            <lightning-record-view-form object-api-name="Job__c" record-id={job.jobId}>
                <div class="slds-grid slds-wrap slds-gutters_direct-small">
                    <div class="slds-col slds-size_1-of-1">
                        <lightning-output-field field-name="JobDescription__c">

Some custom css

:host .anchor {
    position: relative;
    display: block;
:host .slds-popover {
    position: fixed;
:host .slds-popover_x-large {
    width: 45rem;

1 Answer 1


Solved by adding text-wrap: wrap; to .anchor

  • Nice. Glad you were able to figure it out.
    – sfdcfox
    Commented Jun 26, 2023 at 22:44

You must log in to answer this question.

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