Any field using react-select has menu z-index issue when above a HTMLEditorField

[pink-php]

Affected Version

5.1

Description

The react-select menu's z-index is too low causing it to disappear when placed directly above a HTMLEditorField.

I've added the following to my cms.css file as a temporary fix:

.treedropdownfield__menu {
    z-index:3;
}

Setting z-index to anything below 3 did not fix the issue.

Affected fields

• TreeDropdownField
• AchorSelectorField
• ListboxField

PRs

• FIX Ensure react-select field menus are always on top silverstripe-admin#1637
• FIX Ensure react-select field menus are always on top silverstripe-cms#2910

[christopherdarling]

Basically the same issue as I reported the other day on tagfield silverstripe/silverstripe-tagfield#270 could well affect some other dropdown like UI's

[emteknetnz]

Linked PRs have been merged, new releases of admin and cms modules will be automatically tagged shortly