我的问题很简单,我有一个包围着
正常行为:
我想知道的是,要么干净地将工具提示留在MenuItem后面,如果不可能,则仅在打开Select MenuItems时隐藏工具提示...
这是我的代码样子:
如果我将工具提示的zIndex设置为较小的值,它会隐藏在菜单项后面,但我不想使用默认值,因为它还会干扰其他zIndex值。 我制作了一个CodeSandbox:https://codesandbox.io/s/rn68z4xlo
<Select>
组件的 <Tooltip>
组件,当我点击选择器时,提示框会出现在菜单项上,如下图所示:正常行为:
不太正常的行为:
所以我将Material-UI和Tooltip的所有默认值保留下来,对于Tooltip它是:zIndex: 1500
,但据我所见MenuItem没有。我尝试将MenuItem的zIndex设置为1501,但它仍然具有相同的行为。我想知道的是,要么干净地将工具提示留在MenuItem后面,如果不可能,则仅在打开Select MenuItems时隐藏工具提示...
这是我的代码样子:
<Tooltip title={'Filter by status'}>
<Select value={this.state.status} onChange={this.handleChange.bind(this, Filter.Status)}>
{statuses.sort(this.filterItemSortFn).map(item => {
return (<MenuItem style={{zIndex: 1501}} value={item}>{item}</MenuItem>);
})}
</Select>
</Tooltip>
如果我将工具提示的zIndex设置为较小的值,它会隐藏在菜单项后面,但我不想使用默认值,因为它还会干扰其他zIndex值。 我制作了一个CodeSandbox:https://codesandbox.io/s/rn68z4xlo
z-index
设置为更高的值,例如z-index: 1501
呢? - Chase DeAndaMenuItem
是否设置了position
属性?尝试使用<MenuItem style={{zIndex: 1501, position: relative}} />
。 - Chase DeAndastyle={{zIndex: 1501, position: 'relative'}}
。 - Antoine