react font-awesome / icon is not clickable

Asked Oct 03 '18 at 05:34

Active Oct 03 '18 at 05:34

Viewed 502 times

Trying to use FontAwesomeIcon wrapped in a button element.

Issue: - Clicking on the icon itself does not trigger the button - When adding text before the icon, clicking on the text triggers the button. But clicking the icon portion of the button still will not trigger.

<button className="profile-edit-btn">
     Edit <FontAwesomeIcon
        className="edit-icon"
        icon="edit"
        size="2x"
     />
</button>

gif of clicking the button

Any ideas why this is behaving this way?

asked Oct 03 '18 at 05:34

lilgangwolf

1

it might helps, please check https://jsfiddle.net/69z2wepo/310737/ – Saurabh Oct 03 '18 at 06:06
Does font-awesome have a specific library for React, that you have used it as a component? – Amir-Mousavi Oct 03 '18 at 06:08

react font-awesome / icon is not clickable

0 Answers0