0

I have below react-select componet. it works as searchable dropdown .

 <div className='input'>
  <Select 
        id="sponsor" 
        name="sponsor"
        className={styles.input}
        placeholder="Sponsor"
        options={result.map((sponsor:Sponsor)=>
              ({ label: sponsor.name, value: sponsor.id })
      )}
  })
}}
/>
</div>

the red part is browser extension which is coming. I can not remove it bcoz of org policy.

enter image description here

when I type text to serach in select it comes like below.

enter image description here

I am not able to remove it I tried my best. below is content of my scss file.

Select{
    text-shadow: none;
    background-image: none;
    background: none!important;
}
 input {
    padding: .5rem;
    font-size: 16px;
    width: 100%;
    display: block;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: none !important;
    background-image: none;
    
  }

basically its an image. when I inspect it it comes like this. enter image description here

if I mark image as hidden in browser inspection ,this goes off. how can I make changes in my scss file or component?

Shruti sharma
  • 199
  • 6
  • 21
  • 67
  • 1
    Does this answer your question? [How to remove a listener of an extension popup (React component), when the popup is closed?](https://stackoverflow.com/questions/58802145/how-to-remove-a-listener-of-an-extension-popup-react-component-when-the-popup) – Kameron Mar 11 '22 at 23:14
  • actually its regarding css issue. If I remove extension for chrome, for other broswer issue will be there. – Shruti sharma Mar 11 '22 at 23:17
  • Try closing the `select` element and see if that fixes your issue. – Kameron Mar 11 '22 at 23:20
  • its already close in file. by mistake I did not copy completed. is there anything to put image off in input field? – Shruti sharma Mar 11 '22 at 23:21
  • If the `id` for this image is never changing, you can try to suppress it in CSS by this using selector: `#__lpform_react-select-3-input_icon { display: none; }` or something similar. – tromgy Mar 11 '22 at 23:38
  • thank you. image id is same but its not working. – Shruti sharma Mar 12 '22 at 00:14
  • I am writing this in scss file and then in my page I am writing
    .its still not working     – Shruti sharma Mar 12 '22 at 00:28

0 Answers0