BUGFIX: select box and dropdown contents not visible in elevated inspector #3595
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
In a RichTextEditor the contents of a selectbox or dropdown are not visible once the contents have been edited. This is as the editable content area is elevated. This seems to be a problem introduced with #3538.
What I did
I increased the z-index on the selectbox and dropdown contents to align with that of an elevated dropdown contents.
How I did it
Replacing the default z-index variable --zIndex-DropdownContents-Context with --zIndex-SecondaryInspectorElevated-DropDownContents
How to verify it
In the Neos.Demo, replace the
NodeTypes/Content/ContactForm/ContactForm.yaml
message property with the following:Then edit the message in the contact form at http://localhost:8081/neos/content?node=%2Fsites%2Fneosdemo%2Ffeatures%2Fforms%40user-admin%3Blanguage%3Den_US
Upon changing the text type from p to h1 for example it is no longer possible to change the format back as the dropdown contents are no longer accessible. This is also the case if you edit the content in any other way.
For simplicity I have added a before and after recording of the behaviour.
Before:
After: