Topic: Input with clickable icon

Espen Rønning priority asked 1 year ago


Expected behavior onclick is executed when clicking an icon within an input.

Actual behavior Nothing happends

Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/standard/ererling-sande-no/3201192#html-tab-view


UNNdev priority answered 1 year ago


Add pe-auto as class to your icon. Input icons have pointer-events: none implicitly.


ScienceMan free commented 1 year ago

Hi, I did the same thing, but I cannot click on it in Firefox, though it works in Chrome and Edge. Do you know why?


Michał Duszak staff commented 1 year ago

Hi, it works pretty good on my machine with Firefox. Can you tell me what's your version of Firefox, and can you show me the code on which you are testing this?


Dawid Wajszczuk staff answered 1 year ago


Hi,

@UNNdev is right. I hope that this will solve your problem.

Keep coding,
Dawid



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: PC
  • Browser: Google Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes