Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

React Select Issue


Class react-select-styled can't be use in Metronic 8.2.0. Can you help on implementing this currently it is causing the list option unable to bee see when in dark mode. How to fix this?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (20)


Great article Lot's of information to Read...Great Man Keep Posting and update to People..Thankssober living near me



My partner and i astonished with all the examination an individual built to get this distinct distribute extraordinary. Great action!court search



their genuinely amazing web site. their realy content rich and also a a real very good employment. i like this specific.건대호빠



The a truly great place That i experienced owing to publish it all. The chances of what precisely I want to observe pray during near future you can expect to keep going meant for posting an extremely good place.food infusions



In fact My partner and i examine that last night yet I needed several feelings regarding it and after this I desired to learn that once more due to the fact it is extremely well written.dallas addiction treatment center



That you're allowed to place leaders, however is not one way links, except when they're just authorised together with regarding niche.Talk to Us



Cheap content, With thanks just for stating This approach skills. Wonderfully developed page, only if all of the the blogosphere obtainable the equivalent degree content and articles simply because, websites became a more desirable space. Delight continue!차량담보대출



It is and so wonderful in addition to resourceful. I just now appreciate this colorings in addition to the person who obtains the item from the send will likely be happy.Fort worth drug rehab



I just want to let you know that I just check out your site and I find it very interesting and informative..soccer full replay



Really We study this the other day however I'd a few ideas about this now I needed to see this once again simply because it's very well crafted.smb investors



Quite decent, stunning, fact-filled knowledge right. Any reports Don't sadden, and also most certainly holds true right additionally. You will frequently can result in a helpful look at. Will you indicate to We're content?: )#) Preserve the fantastic articles or reviews.promo code for 1xbet



This is the type of information I’ve long been trying to find. Thank you for writing this information.เว็บรวย



Excellent writing. This write-up has effects on many critical troubles your contemporary society. Most of us cannot be uninvolved to help most of these troubles. That write-up allows good ideas in addition to methods. Incredibly beneficial in addition to realistic.try here



Very good Article, We are a major believer throughout putting up responses in internet sites for you to let the web site freelance writers be aware that they’ve included a thing helpful for you to virtual reality!online beer store



That is a good document, Appreciate it intended for presenting everyone this data. Hold placing.events company



I just astounded aided by the test most people made to choose this specified share wonderful. Marvelous recreation!promotion company



Hi,

Thank you for reaching out to us.

The react-select support was added in Metronic 8.2.2. If you want to use react-select in Metronic earlier versions you should install react-select dependency with command npm i react-select and then you can copy src/_metronic/assets/sass/vendors/react-select.scss from the latest Metronic version.

You can refer to our documentation for usage examples https://preview.keenthemes.com/metronic8/react/docs/react-select

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi Lauris,

Thank you. It is working now.

But another issue is when I type any text to search the text is not showing in the input box. But react-select is filtering the results. Can you help me to fix this.

Regards,
Safuan



Hi,

Thank you for your feedback.

We reproduced this problem and we will include the fix in the next Metronic release.

To fix it now you can update the &__input-container::after selector styles in src/_metronic/assets/sass/vendors/react-select.scss

&__input-container::after {
content: attr(data-value) "";
}


Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi Lauris,

Thank you. Its working as expected now.


Regards,
Safuan


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(