Hi guys,
I am building a project using Metronic 8 and React JS - started from demo1 template.
The issue I am having is with React Select - the input box to enter the search criteria always stays of initial size (2px) even after I enter some long text there:
<Select className='react-select-styled' classNamePrefix='react-select' />
On the demo page (https://preview.keenthemes.com/metronic8/react/docs/react-select) it works all good.
I see the select is styled using src/_metronic/assets/sass/vendors/react-select.scss.
Please note the issue disappears after I remove custom styling (className='react-select-styled' classNamePrefix='react-select').
Screenshot showing the issue is here: https://imgur.com/a/GYVFn2t
Could you please help to troubleshoot the issue?
Thank you!
I found the answer in another thread:
&__input-container::after {
// content: "";
content: attr(data-value) "";
}
The issue is gone now.
Hi,
This problem should be fixed in the latest version.
Could you please clarify which version you are using?
Regards,
Lauris Stepanovs,
Keenthemes Support Team