Tooltip support for select target · palantir/blueprint#3433

2019-03-20T18:18:19.000Z

#### Environment - __Package version(s)__: core@3.14.1, select@3.7.0 - __Browser and OS versions__: Chrome/MacOS #### Question Is threre a recommended way to surround the Select component target with a Tooltip? It seems like the presence of Select > Popover > Tooltip > Button does not behave exactly as the description found [here](https://blueprintjs.com/docs/#core/components/tooltip.combining-with-popover). My usage is like this: ```ts ``` My own workaround is to use popoverProps to observe the select popover lifecycle: ```ts { this.setState({ isTooltipDisabled: true }); }, onClosed: () => { this.setState({ isTooltipDisabled: undefined }); } }}> ``` Thanks

(3 comments) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import

P3Package: corePackage: selectType: enhancementhelp wanted

説明

Environment

Package version(s): core@3.14.1, select@3.7.0
Browser and OS versions: Chrome/MacOS

Question

Is threre a recommended way to surround the Select component target with a Tooltip? It seems like the presence of Select > Popover > Tooltip > Button does not behave exactly as the description found here.

My usage is like this:

<Select>
 <Tooltip><Button/></Tooltip>
</Select>

My own workaround is to use popoverProps to observe the select popover lifecycle:

<Select
    popoverProps={{
        onOpening: () => {
            this.setState({ isTooltipDisabled: true });
        },
        onClosed: () => {
            this.setState({ isTooltipDisabled: undefined });
        }
    }}>
    <Tooltip disabled={this.state.isTooltipDisabled}><Button/></Tooltip>
</Select>

Thanks

コントリビューターガイド

技術スタック: typescriptreact
領域: frontend
Issue 種別: documentation
難度: 2
推定時間: under 1 hour
活動状況: stale
明確さ: clear
前提条件: ReactTypeScriptBlueprint components
初心者向け度: 80
調査方針: Investigate the Blueprint documentation for combining Tooltip with Popover as described in the provided link. Review the Select component's popoverProps to understand the lifecycle methods. Consider whether a new prop should be added to Select to support a tooltip on the target, or if the existing workaround is sufficient. Look at the source code of Select and Tooltip in the repository to see if there are any existing patterns or issues.