Skip to content

fix: TextPlaceholder is emty in Safari - #3128

Merged
i-runets merged 3 commits into
developfrom
fix/3127
Sep 14, 2026
Merged

i-runets merged 3 commits into
developfrom
fix/3127

Conversation

@i-runets

Copy link
Copy Markdown
Collaborator

Description:

TextPlaceholder filled each fake "word" with repeated   Safari suppresses ink for whitespace glyphs, so -webkit-background-clip: text had nothing to paint the shimmer gradient onto, making the bars invisible.

Fix: replace the   filler with the letter x. In the Redacted font both characters share the same glyph/width, so layout is unchanged — but x isn't a whitespace character, so Safari renders it correctly.

Issue link:

#3127

QA notes:

@github-actions

github-actions Bot commented Sep 14, 2026

Copy link
Copy Markdown

Generated by: track-bundle-size
Generated at: Mon, 14 Sep 2026 13:51:49 GMT
Bundle size diff (in kBytes). Not gzipped. Both CSS & JS included.
Baseline: v6.3.1 (2025-12-03)
CI Status: ok

Module Baseline Size
(v6.3.1)
Size Diff Within
Threshold
Threshold
(min - max)
templateApp 693.09 691.85 -1.23
js:-4.22
css:+3
🆗 623.78 - 762.39
@epam/app 5586.96 5537.7 -49.26
js:-54.98
css:+5.72
🆗 5028.26 - 6145.65
@epam/electric 5.04 5.04 0
js:0
css:0
🆗 4.53 - 5.54
@epam/promo 55.61 55.62 0
js:+0.04
css:-0.05
🆗 50.05 - 61.17
@epam/uui-extra 0.21 0.21 0
js:0
css:0
🆗 0.19 - 0.23
@epam/loveship 92.81 96.32 +3.5
js:+3.53
css:-0.02
🆗 83.53 - 102.09
@epam/uui-components 257.49 263.03 +5.54
js:+4.02
css:+1.52
🆗 231.75 - 283.25
@epam/uui-core 324.75 330.81 +6.06
js:+6.06
css:0
🆗 292.27 - 357.23
@epam/uui-db 41.63 41.72 +0.08
js:+0.08
css:0
🆗 37.47 - 45.8
@epam/uui-docs 181.03 194.73 +13.71
js:+13.71
css:0
🆗 162.92 - 199.13
@epam/uui-editor 174.1 173.26 -0.83
js:-0.83
css:0
🆗 156.69 - 191.51
@epam/uui-timeline 75.5 75.49 -0.01
js:0
css:0
🆗 67.95 - 83.05
@epam/uui 527.51 561.5 +33.99
js:+11.09
css:+22.9
🆗 474.76 - 580.26
new sizes (raw)

To set the sizes as a new baseline, you can copy/paste next content to the uui-build/config/bundleSizeBaseLine.json and commit the file.

{
  "version": "6.5.2",
  "timestamp": "2026-09-14",
  "sizes": {
    "templateApp": {
      "css": 260539,
      "js": 447921
    },
    "@epam/app": {
      "css": 726373,
      "js": 4944226
    },
    "@epam/electric": {
      "css": 2275,
      "js": 2883
    },
    "@epam/promo": {
      "css": 47756,
      "js": 9191
    },
    "@epam/uui-extra": {
      "css": 0,
      "js": 213
    },
    "@epam/loveship": {
      "css": 55355,
      "js": 43270
    },
    "@epam/uui-components": {
      "css": 25151,
      "js": 244197
    },
    "@epam/uui-core": {
      "css": 0,
      "js": 338754
    },
    "@epam/uui-db": {
      "css": 0,
      "js": 42718
    },
    "@epam/uui-docs": {
      "css": 2153,
      "js": 197256
    },
    "@epam/uui-editor": {
      "css": 12948,
      "js": 164476
    },
    "@epam/uui-timeline": {
      "css": 2198,
      "js": 75104
    },
    "@epam/uui": {
      "css": 222187,
      "js": 352784
    }
  }
}

Generated by: generate-components-api
CI Status: ok

Total amount of exported types/props without JSDoc comments

Amount
Types 341 (+0) 🆗
Props 220 (+0) 🆗

Comment thread uui/components/typography/TextPlaceholder.tsx
@i-runets
i-runets merged commit 9be02f6 into develop Sep 14, 2026
4 checks passed
@i-runets
i-runets deleted the fix/3127 branch September 14, 2026 16:13
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.

3 participants