BuddyDev

Search

Multi line text area field type overflows the field

  • Participant
    Level: Yogi
    Posts: 1112
    calu on August 19, 2019 at 9:53 pm #24765

    Hi Brajesh, I’m not sure if it is on of Custom Xprofile Fields, but I have an issue with the multi line text area field type.

    When I edit the content in the text field, line shifts are made automatically keeping the content within the text field.

    https://imgur.com/EEkU2vl

    But when the profile fields are saved, the text is exceeding and overflowing the max width of the text field, and the rest of the fields in that field group.

    https://imgur.com/1C8WyDx

    If I copy paste text in, it stays nicely within the max width of the field after saving.

    https://imgur.com/AmHedsg

    https://imgur.com/ACEk0hW

    Deactivating all custom CSS does not make any difference to this issue.
    I tried max-width 100% and overflow: auto; but nothing helps.

    Any suggestions for a solution is much appreciated, thanks.

    Regards

    Carsten

  • Keymaster
    (BuddyDev Team)
    Posts: 24599
    Brajesh Singh on August 19, 2019 at 9:59 pm #24766

    Hi Carsten,
    Thank you for the question.

    The field is default BuddyPress Multiline text area.

    You need to apply the word-break property like this in css

    

.profile-fields .data {
    word-break: break-all;

}

    That should fix it.

    Regards
    Brajesh

  • Participant
    Level: Yogi
    Posts: 1112
    calu on August 19, 2019 at 10:07 pm #24767

    Hi Brajesh, wow, that was fast support!

    Problem solved, thanks a lot!

    Regards
    Carsten

  • Keymaster
    (BuddyDev Team)
    Posts: 24599
    Brajesh Singh on August 20, 2019 at 2:34 am #24781

    Hi Carsten,

    Thank you.

    I am glad I could help.

    Regards
    Brajesh

The topic ‘Multi line text area field type overflows the field’ is closed to new replies.

This topic is: not resolved