CodeCow/clients
1
0
Fork 0
mirror of https://github.com/bitwarden/clients.git synced 2026-07-21 21:17:06 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

[PM-39948][PM-40406] Fix native select issues with dark mode and arrow click handling (#21877)

Browse Source
This commit is contained in:
Vicki League 2026-07-17 14:51:12 -04:00 committed by GitHub
parent 1dd9a385a7
commit b61ae07ffd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
libs/components/src/form-field/field-container.directive.ts
View File

@ -35,6 +35,7 @@ export class BitFieldContainerDirective {
"has-[:focus-visible]:tw-ring-1",
"has-[.tw-test-focus-visible]:tw-ring-1",
"tw-relative",
"has-[select]:after:tw-pointer-events-none",
"has-[select]:after:tw-absolute",
// spacing here to match visual spacing used by ng-select arrow
"has-[select]:after:tw-end-[calc(theme(spacing.3)_+_2px)]",

2
libs/components/src/form-field/form-field.component.html
View File

@ -19,7 +19,7 @@
<ng-content select="[bitPrefix]"></ng-content>
</div>
<div
class="tw-flex tw-w-full tw-items-center tw-pe-3 has-[[biticonbutton]:last-child]:tw-pe-1 has-[bit-select]:tw-pe-0 has-[bit-multi-select]:tw-pe-0 has-[textarea]:!tw-items-start"
class="tw-flex tw-w-full tw-items-center tw-pe-3 has-[[biticonbutton]:last-child]:tw-pe-1 has-[bit-select]:tw-pe-0 has-[select]:tw-pe-0 has-[bit-multi-select]:tw-pe-0 has-[textarea]:!tw-items-start"
>
<div [class]="contentContainerClasses" data-default-content>
<ng-content></ng-content>

3
libs/components/src/input/input.directive.ts
View File

@ -57,6 +57,9 @@ export class BitInputDirective implements AfterViewInit {
"focus:tw-outline-none",
"tw-bg-transparent",
"tw-text-fg-heading",
// native select options need non-transparent colors to work properly in windows dark mode
"[&_option]:tw-bg-background",
"[&_option]:tw-text-main",
"[&:is(input,textarea):disabled]:tw-bg-bg-secondary",
"[&:is(input,textarea):disabled]:!tw-placeholder-fg-inactive",
"[&:is(input,textarea):disabled]:!tw-text-fg-inactive",