Возможно ли отобразить всплывающую подсказку на отключенном Material-UI <Button>в пределах <ButtonGroup>, не нарушая макет? - PullRequest
0 голосов
/ 09 апреля 2020

Я пытаюсь создать пользовательский интерфейс материала <ButtonGroup> с отключенными кнопками и всплывающей подсказкой.

Следующий кодовый блок показывает кнопки правильно, но, как описано здесь (https://material-ui.com/components/tooltips/#disabled -elements ) отключенные элементы не могут быть снабжены всплывающей подсказкой.

<ButtonGroup>
    <Tooltip title={"This is button A"}>
        <Button>{"Button A"}</Button>
    </Tooltip>
    <Tooltip title={"This is button B"}>
        <Button disabled>{"Button B"}</Button>
    </Tooltip>
</ButtonGroup>

Но если я добавлю <span> вокруг отключенной кнопки, макет группы будет уничтожен.

<ButtonGroup>
    <Tooltip title={"This is button A"}>
        <Button>{"Button A"}</Button>
    </Tooltip>
    <Tooltip title={"This is button B"}>
        <span>
            <Button disabled>{"Button B"}</Button>
        </span>
    </Tooltip>
</ButtonGroup>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...