Input with clickable icon


Topic: Input with clickable icon

Espen Rønning pro premium priority asked 3 years 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 pro premium priority answered 3 years ago

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


ScienceMan commented 3 years 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 3 years 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 3 years 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: Pro
  • 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
Tags