react-mentions icon indicating copy to clipboard operation
react-mentions copied to clipboard
verified publisher icon signavio

Tailwindcss ring and focus utils not working (padding, shadow, background color works fine)

Open TrustyTechSG opened this issue 2 years ago • 1 comments

Steps to reproduce:

  1. "tailwindcss": "^3.3.0"
  2. Pass tailwindcss "bg-white rounded-md py-1.5 px-2.5 shadow-sm" to MentionsInput className, everything works.
  3. Continue add tailwindcss "border-0 outline-none focus:ring-teal-600 focus:ring-2", not working, the default blue focus ring from browser still showing.
  4. Only change <MentionsInput to HTML <input, every css utils above works.

Expected image

Actual result image

TrustyTechSG avatar Apr 20 '23 01:04 TrustyTechSG

@TrustyTechSG Running into the same issue? Wondering if you found any solution for this?

runabol avatar Jul 31 '24 15:07 runabol