Problem When Select.Root is rendered with variant="secondary" and the field is invalid (isInvalid), the trigger background renders with the primary (white/--color-field-focus) background instead of the expected secondary (grey/--default) background. Root Cause: CSS Specificity In @heroui/styles, the invalid state rule nested inside.select__trigger compiles to specificity 0,3,0: /* specificity 0,3,0 */ .select[data-invalid="true"] .select__trigger, .select[aria-invalid="true"] .select__trigger { background-color: var(--color-field-focus); /* primary/white */ } The secondary variant rule only has specificity 0,2,0: /* specificity 0,2,0 */ .select--secondary .select__trigger { background-color: var(--select-trigger-bg); /* --default = grey */ } Since 0,3,0 > 0,2,0, the invalid state always overrides the secondary background — the secondary invalid override is missing.

NicolaCastellani 2 days ago

🐛

Issues

1) Check: https://heroui.com/docs/react/components/table#secondary-variant (screenshot 1). When hovering - looks very weird. Rounded table header and nonrounded row. 2) Check: https://heroui.com/docs/react/components/table#async-loading (screenshot 2). Check bottom corners of latest row. And if i scroll down to latest data - its fixes itself (screenshot 3). Both bugs appears on Firefox & Chrome.

mrn0_user 15 days ago

🐛

Issues

Add flutter package support.

Bolin Dylan 18 days ago

💡

Feature Request

VERY important function for Downloading and progressive experience. Also will be fine with built-in progress bar!

mrn0_user 19 days ago

💡

Feature Request

Currently only for textfield exists input group to add icon adornment. Add input group for for select, autocomplete, combobox to be able to add icons. Breaks the design

Mihai Zhao about 1 month ago

💡

Feature Request

Background context: Google’s AI Figma design tool understands DESIGN.md files to help power the AI driven creation of UIs for desktop and mobile. Video bookmark to image below What is the feature request? Generate / output a DESIGN.md file with the design specs for a given HeroUI theme. This file can then be uploaded to Stitch References What is DESIGN.md? https://youtu.be/3FIRNGJh00w?si=RAlVfNZqC38XJq0B&t=359

Clifford Fajardo about 1 month ago

💡

Feature Request

Create a new component field that shows as a text once clicked transforms to an actual input to edit similar to chakra ui: https://chakra-ui.com/docs/components/editable

Mihai Zhao about 1 month ago

💡

Feature Request

A new component showing nicely timeline great for history as Chakra UI has: https://chakra-ui.com/docs/components/timeline

Mihai Zhao about 1 month ago

💡

Feature Request

It would be nice to introduce action bar over selected items in the table as Chakra UI has: https://chakra-ui.com/docs/components/action-bar

Mihai Zhao about 1 month ago

💡

Feature Request

Hello ! First of all, thanks for the work ! Would it be possible to get a nice Dropdown opening on hover like this : https://ui.shadcn.com/docs/components/radix/navigation-menu

Quentin DEMÉ about 2 months ago

💡

Feature Request

Add success variant for Enabled/Disabled checkboxes. Very useful! Default checkboxes (primary) for options, success for smth like “include X”, or alternative way to show “Enabled/Disabled”. I know switch is better for enable/disable state, but why not? :D

mrn0_user about 2 months ago

💡

Feature Request

There is no nothing about what icons are being used in the package…What are defaults that I can import from the package…They should have dedicated section in Handbook

Aslan about 2 months ago

💡

Feature Request

This tool would allow users to capture screenshots quickly and efficiently, with options to save, copy, or annotate the images. It should be accessible as a widget, floating bubble, or status icon for seamless usability across all screens.

Tufik Chediak about 2 months ago

💡

Feature Request

Allowing DRM-protected content (Widevine) for streaming services. That will allow add services as Netflix, Spotify and others.

Tufik Chediak about 2 months ago

💡

Feature Request

Time pickers allow users to select a specific time of day. 12-hour format 24-hour format With seconds Range selection

yaoop3050777 2 months ago

💡

Feature Request

I found a Chrome-only bug in HeroUI v3 where opening a Modal or AlertDialog directly from a Dropdown item can leave the dropdown popover stuck on screen and still interactive. I could reproduce it reliably in Chrome, but Firefox works fine. The bug happens when the dropdown is closed and the next overlay is opened in the same action. A simple reproduction looks like this: setModalOpen(true)}>Open modal ... In Chrome, the modal opens, but the dropdown overlay may stay mounted instead of cleaning up correctly. It looks like a z-index issue at first, but it seems to be an overlay lifecycle problem, because both overlays can remain in the DOM at the same time. In my case, using Popover instead of Dropdown for this type of action menu fixed it, and so did delaying the second overlay until the first one was fully closed. Also 150ms timeout before opening modal/alert dialog fixes this issue.

mrn0_user 2 months ago

🐛

Issues

Sidebar component that can be used across the app for primary navigation, secondary actions, and contextual content would be 10/10

Dino Smajovic 2 months ago

💡

Feature Request

I want to have a way to enable a ‘+’ button at the end to open a new tab, ‘x’ on each tab to close them, and to reorder the tabs with drag-n-drop. Basically, behave similar to Chrome tabs.

DougCube 2 months ago

4

💡

Feature Request

firefox. chrome. Rounding for header NOT APPLIED on firefox. firefox. Look at bottom borders, rounding broken. thats appers only in firefox. chrome is good atp.

mrn0_user 3 months ago

1

🐛

Issues