Provide a general summary of the issue here By default, ComboBox o

I believe this is similar to via <a class="issue-link js-issue-link" data-error-text="

ComboBox doesn't open when `onInputChange` updates items asynchronously about react-spectrum HOT 1 CLOSED

bmingles commented on August 27, 2024

ComboBox doesn't open when `onInputChange` updates items asynchronously

from react-spectrum.

Comments (1)

LFDanLu commented on August 27, 2024 1

I believe this is similar to via #5234. Ideally there would be support for a controlled isOpen prop and/or handling this case automatically in useComboBoxState, but finagling the internal open state logic has proved to be quite difficult. I'll close this in favor of the other issue, feel free to reopen if that issue doesn't sufficiently cover your case.

As an aside, I'm beginning to think exposing the combobox's state's open on the combobox ref might be the best intermediate fix in the short term so at least users have a way to open the combobox when needed.

react-spectrum/packages/@react-spectrum/textfield/src/TextFieldBase.tsx

Lines 66 to 76 in 81abb21

 useImperativeHandle(ref, () => ({ 

 ...createFocusableRef(domRef, inputRef), 

 select() { 

 if (inputRef.current) { 

 inputRef.current.select(); 

 } 

 }, 

 getInputElement() { 

 return inputRef.current; 

 } 

 }));

is an example of how we've created a similar imperative interface in Textfield

from react-spectrum.

ComboBox doesn't open when `onInputChange` updates items asynchronously about react-spectrum HOT 1 CLOSED

Comments (1)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent

	useImperativeHandle(ref, () => ({
	...createFocusableRef(domRef, inputRef),
	select() {
	if (inputRef.current) {
	inputRef.current.select();
	}
	},
	getInputElement() {
	return inputRef.current;
	}
	}));