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.
Issue fork term_reference_tree-3415271
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
Comment #2
tgaugesComment #4
tgaugesI opened a merge request with my changes.
Comment #5
tgauges