I would like to have a React ComboBox select the text when the onFocus Event is fired

1 Answer 49 Views

ComboBox

Jimmy asked on 22 Mar 2022, 07:33 PM

I am trying to highlight the text in a combobox so that I can highlight the text when a user clicks in the combo box.

Here is a sample of what I am trying to do:

  <ComboBox
                            className='k-combobox'
                            placeholder='Select Center'
                            data={this.state.centerAccessFiltered }
                            textField="centerDisplayName"
                            value={this.state.selectedCenter}
                            filterable={true}
                            onFilterChange={this.filterChange}
                            onChange={(e) => this.changeCenter(e.target.value.centerID.toString())}
                            clearButton={false}
                            onFocus={this.handleFocus}
                        />

    handleFocus = (e) => {
        e.target.element.select()
    }

This works on the Input Control but not on the ComboBox. Is there a way to select the current text when as user clicks on the control?

1 Answer, 1 is accepted

Jimmy

commented on 24 Mar 2022, 12:20 PM

That worked great!!!! Thank you.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting

Testing & Mocking

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Resources

Productivity and Design Tools

I would like to have a React ComboBox select the text when the onFocus Event is fired

1 Answer, 1 is accepted