bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-11 22:03:36 +00:00
Code Issues Releases Wiki Activity

[CL-825] Provide dimensions to checkbox to fix ios rendering bug (#16109)

Browse Source 
* absolutely position checkbox to fix ios rendering bug

* remove absolute positioning. Dimensions fix it
This commit is contained in:
Bryan Cunningham
2025-08-22 10:01:23 -04:00
committed by GitHub
parent 92c9aa7b3e
commit eb84faaf99
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
libs/components/src/checkbox/checkbox.component.ts
View File

@@ -21,6 +21,9 @@ export class CheckboxComponent implements BitFormControlAbstraction {
"tw-align-sub", "tw-align-sub",
"tw-flex-none", // Flexbox fix for bit-form-control "tw-flex-none", // Flexbox fix for bit-form-control
"!tw-p-1", "!tw-p-1",
// Give checkbox explicit height and width to fix iOS rendering bug
"tw-h-[calc(1.12rem_+_theme(spacing.2))]",
"tw-w-[calc(1.12rem_+_theme(spacing.2))]",
"after:tw-inset-1", "after:tw-inset-1",
// negative margin to negate the positioning added by the padding // negative margin to negate the positioning added by the padding
"!-tw-mt-1", "!-tw-mt-1",

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

@@ -1,5 +1,5 @@
<label <label
class="tw-transition tw-items-start [&:has(input[type='checkbox'])]:tw-gap-[.25rem] [&:has(input[type='radio'])]:tw-gap-1.5 tw-select-none tw-mb-0 tw-inline-flex tw-rounded has-[:focus-visible]:tw-ring has-[:focus-visible]:tw-ring-primary-600" class="tw-transition tw-items-start [&:has(input[type='checkbox'])]:tw-gap-1 [&:has(input[type='radio'])]:tw-gap-1.5 tw-select-none tw-mb-0 tw-inline-flex tw-rounded has-[:focus-visible]:tw-ring has-[:focus-visible]:tw-ring-primary-600"
[ngClass]="[formControl().disabled ? 'tw-cursor-auto' : 'tw-cursor-pointer']" [ngClass]="[formControl().disabled ? 'tw-cursor-auto' : 'tw-cursor-pointer']"
> >
<ng-content></ng-content> <ng-content></ng-content>