Skip to content

fix(DecryptedText): hide sr-only reference text in tailwind variants (#1066) - #1068

Open
MauryaQbit wants to merge 1 commit into
DavidHDev:mainfrom
MauryaQbit:feat/fix-decrypted-text-sronly-1066
Open

fix(DecryptedText): hide sr-only reference text in tailwind variants (#1066)#1068
MauryaQbit wants to merge 1 commit into
DavidHDev:mainfrom
MauryaQbit:feat/fix-decrypted-text-sronly-1066

Conversation

@MauryaQbit

Copy link
Copy Markdown

Related to #1066 (completes #1067 across all 4 variants).

Bug

The sr-only reference text in DecryptedText was visible. #1067 added visibility hidden to the CSS variants (src/content JS and src/ts-default TS), but the tailwind variants still relied solely on the sr-only utility class with no inline fallback, so the reference text stays visible when Tailwind is absent, purged, or copied standalone.

Fix

Tests

  • Repo has no unit test script (dev/build/lint/format only).
  • npx tsc --noEmit PASS (0 errors).
  • npx eslint on changed tailwind JSX file PASS (0 errors).
  • Verified all 4 DecryptedText variants contain visibility hidden.

The CSS variants were fixed with visibility hidden, but the tailwind
variants relied solely on the sr-only utility class, leaving the
reference text visible when Tailwind is absent or purged.

Add an inline srOnly style with full screen-reader-only properties
plus visibility hidden, keeping the sr-only class for compatibility.
Now all 4 variants hide the reference text.

Related to DavidHDev#1066 (completes DavidHDev#1067 across all variants)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant