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

Description

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

Contributor guide

Tech stack: typescriptreact
Domain: frontend
Issue type: documentation
Difficulty: 2
Estimated time: under 1 hour
Activity status: stale
Clarity: clear
Prerequisites: ReactTypeScriptBlueprint components
Newbie friendliness: 80
Research direction: 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.