fix: avoid nested select widget z-index conflicts (#2990)

This commit is contained in:
Shawn Erquhart 2019-12-20 15:40:09 -05:00 committed by GitHub
parent 8c175f6132
commit fe097202f0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 1 deletions

View File

@ -352,7 +352,7 @@ const reactSelectStyles = {
: 'transparent', : 'transparent',
paddingLeft: '22px', paddingLeft: '22px',
}), }),
menu: styles => ({ ...styles, right: 0, zIndex: 2 }), menu: styles => ({ ...styles, right: 0, zIndex: 300 }),
container: styles => ({ ...styles, padding: '0 !important' }), container: styles => ({ ...styles, padding: '0 !important' }),
indicatorSeparator: (styles, state) => indicatorSeparator: (styles, state) =>
state.hasValue && state.selectProps.isClearable state.hasValue && state.selectProps.isClearable

View File

@ -28,6 +28,7 @@ const visualEditorStyles = `
padding: 0; padding: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
z-index: 100;
`; `;
const InsertionPoint = styled.div` const InsertionPoint = styled.div`