Problem/Motivation

I recently applied the fix in #2960456 to my installation and chose to display multiple vocabularies as separate widgets.

This causes styling issues when used inside a paragraphs widget in Claro because this theme has a special case for <details>-elements inside <td>-elements: #3300941.

The root cause is the following style of this module:

.field--widget-term-reference-tree .form-item {
  display: inline-block;
}

I can't read up the reasoning for this style because it is part of the initial commit. But my best guess is that it is meant for the tree items, because apart from the <fieldset>-element, those are the only ones I can find when querying this selector.
And it also applying to the <fieldset>-element is the exact reason for my styling issue.

Proposed resolution

Change the existing style to

.term-reference-tree-level .form-item {
  display: inline-block;
}

applying to the same elements except the <fieldset>-element.

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

tgauges created an issue. See original summary.

tgauges’s picture

Issue summary: View changes

tgauges’s picture

Assigned: tgauges » Unassigned
Status: Active » Needs review

I opened a merge request with my changes.

tgauges’s picture

Issue summary: View changes