white-space:nowrap; causes paragraphs to blow outside of wrapping divs when paragraph is collapsed

Created on 26 May 2021, over 3 years ago
Updated 29 December 2023, 11 months ago

Problem/Motivation

The paragraphs-widget.css file from paragraphs-widget.css (contrib/paragraphs) is being overridden in thunder_admin. Both css files declare the following:

.js .paragraph-top .paragraph-summary{
  grid-column:1 / 5;
  -ms-grid-column:1;
  -ms-grid-column-span:5;
  -ms-grid-row:2;
  -ms-grid-row-span:1;
  grid-row:2 / span 1;
  overflow:hidden;
  white-space:nowrap;
}

The white-space:nowrap; portion causes the following overflow issue.

Steps to reproduce

Add a text-based paragraphs component with at least 250 characters or so (depends on screen-width).

Proposed resolution

Add `white-space:normal` as the thunder_admin override instead of `white-space:nowrap`.

See attached gif for an illustration of the issue and its solution.

πŸ› Bug report
Status

Needs review

Version

3.7

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States joetower

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024