Bugs on Avatar, Dropdown and Button. #451
Description
Hey folks 👋, I'm reporting here several bugs of the components that are mentioned in the title.
Avatar:
The problem with the "Avatar" component is the "Color" property that can't even change the color of the "border" and always stays gray. It is in the video running this problem and the code I have is as follows:
<Avatar img={discordImage} rounded bordered color='purple' />Dropdown:
This problem only happens in safari and not in Google Chrome, which is "Toggle", if I click on the area outside the "Dropdown Menu" nothing happens unless I go and click on the "Dropdown Button" again. As you can see in the video, I make several clicks on the "body" and it starts selecting text and the menu don't disappear.
Button:
As you can see in the video, when I am in google chrome and if I click on the button the "blur" doesn't disappear and stays as it is "focused", but when I do it in safari, it already has the normal behavior. Now you must be asking, and what happens when you are browsing the official flowbite website? The behavior is normal and just seems to only happen when I have it hosted on my computer and even I have tested it with starter project and it has the same problem. It must be because Google Chrome has some special setting for localhost urls, maybe for debug/testing? The truth is, I have searched and found nothing like this on the internet.
Project information:
- Tailwind: 3.2.4
- Flowbite: 1.5.4
- Flowbite React: 0.3.5
- Type: NextJS (Without Turbopack)