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 commentaires) (0 réactions) (0 assignés)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

Guide contributeur

Stack technique: typescriptreact
Domaine: frontend
Type d'issue: documentation
Difficulté: 2
Temps estimé: under 1 hour
Statut d'activité: stale
Clarté: clear
Prérequis: ReactTypeScriptBlueprint components
Accessibilité débutant: 80
Direction de recherche: 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.