Im trying to use CreatableSelect in a table
one of my column im using this creatableSelect where i can edit letter wise of the word selected from dropdown
im facing a issue when i focus the input dropdown there will be a -ValueContainer className div and inside this a div with input as its child
so,
div className="css-1fdsijx-ValueContainer"
div className"#dynamically generated" data-value="MY NAME"
input /
/div
/div
this is the code on focus
div className="css-1fdsijx-ValueContainer"
div className"#dynamically generated" data-value="MY NAME" /div
div className"#dynamically generated" data-value
input /
/div
/div
this is the code when blur or not on focus in the dom tree
so the issue is when i select something on change function is called and data is set but not visible on table as that extra div that apprears after manually blur is not present
only when i click outside or manually blur it i can see the data MY NAME on the table
Im trying to use CreatableSelect in a table one of my column im using this creatableSelect where i can edit letter wise of the word selected from dropdown im facing a issue when i focus the input dropdown there will be a -ValueContainer className div and inside this a div with input as its child so, div className="css-1fdsijx-ValueContainer" div className"#dynamically generated" data-value="MY NAME" input / /div /div
this is the code on focus
div className="css-1fdsijx-ValueContainer" div className"#dynamically generated" data-value="MY NAME" /div div className"#dynamically generated" data-value input / /div /div
this is the code when blur or not on focus in the dom tree
so the issue is when i select something on change function is called and data is set but not visible on table as that extra div that apprears after manually blur is not present only when i click outside or manually blur it i can see the data MY NAME on the table
can you please look into this issue and fix it