In certain cases `border-radius` is not applied correctly
bug
## Steps to Reproduce
In certain cases, border-radius is not applied correctly.
After looking closely at the source code, it seems to be related to the internal priority order.
But changing things regarding that priority in a PR seems to be quite dangerous, so I would like to ask for your support with this one.
In general, I am trying to make the below snippet render correctly. For this I also will open a few PRs.
<details>
<summary>HTML</summary>
<!-- Paste the HTML in full that is not working as expected -->
```html
<ol class="definition-list" data-count="1" style="--font-size-no-units: 16;--line-height: 1.5;--text-color: #d4d4d4;--text-color-light: #888888;--background-color: #1e1e1e;--border-color: #888888;--link-color: #68b5e9;--list-padding1: 1.4em;--list-padding2: 1.4em;list-style-type: none;padding-left: 0;margin: 0"><li class="definition-item" style="margin-bottom: 0.25em; list-style-type: none;"><span class="gloss-content" style="display: block;"><ul class="gloss-sc-ul" lang="ja" style="padding-left: 1.4em;margin: 0;list-style-type: '*'"><li class="gloss-sc-li"><span class="gloss-sc-span" style="font-size:0.7em;font-weight:bold;padding:0.15em 0.3em 0.3em 0.3em;word-break:keep-all;border-radius:0.3em;vertical-align:text-bottom;background-color:#565656;color:white;cursor:help;margin:0em 0.25em 0em 0em;" data-sc-code="n" title="noun (common) (futsuumeishi)">noun</span><span class="gloss-sc-span" style="font-size:0.7em;font-weight:bold;padding-top:0.15em;padding-right:0.3em;padding-bottom:0.3em;padding-left:0.3em;word-break:keep-all;border-radius:0.3em;vertical-align:text-bottom;background-color:brown;color:white;cursor:help;margin-right:0.25em;" data-sc-code="uk" title="word usually written using kana alone">kana</span><ol class="gloss-sc-ol" style="padding-left: 1.4em;margin: 0"><li class="gloss-sc-li" style="list-style-type:"① ";" data-sc-sense-number="1"><ul class="gloss-sc-ul" style="color: #ffff00;padding-left: 1.4em;margin: 0" data-sc-content="glossary"><li class="gloss-sc-li">spring</li></ul><ul class="gloss-sc-ul" style="padding-left: 1.4em;margin: 0;margin-bottom: 0.5em"><li class="gloss-sc-li" style="list-style-type:circle;font-size:1.20em;" data-sc-content="example-sentence-a" lang="ja">その<span class="gloss-sc-span" style="color:#dd2121;text-shadow:0.5px 0.5px 1px gray;text-emphasis:circle crimson;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:red;">ばね</span><ruby class="gloss-sc-ruby">1<rt class="gloss-sc-rt">いっ</rt></ruby><ruby class="gloss-sc-ruby">個<rt class="gloss-sc-rt">こ</rt></ruby>で<ruby class="gloss-sc-ruby">車<rt class="gloss-sc-rt">くるま</rt></ruby>の<ruby class="gloss-sc-ruby">全<rt class="gloss-sc-rt">ぜん</rt></ruby><ruby class="gloss-sc-ruby">重<rt class="gloss-sc-rt">じゅう</rt></ruby><ruby class="gloss-sc-ruby">量<rt class="gloss-sc-rt">りょう</rt></ruby>を<ruby class="gloss-sc-ruby">支<rt class="gloss-sc-rt">ささ</rt></ruby>えている。</li><li class="gloss-sc-li" style="list-style-type:none;font-size:0.70em;" data-sc-content="example-sentence-b" lang="en">That one spring carries the whole weight of the car.</li></ul></li></ol></li><li class="gloss-sc-li"><span class="gloss-sc-span" style="font-size:0.7em;font-weight:bold;padding:0.15em 0.3em 0.3em 0.3em;word-break:keep-all;border-radius:0.3em;vertical-align:text-bottom;background-color:#565656;color:white;cursor:help;margin-right:0.25em;" data-sc-code="n" title="noun (common) (futsuumeishi)">noun</span><span class="gloss-sc-span" style="font-size:0.7em;font-weight:bold;padding:0.15em 0.3em 0.3em 0.3em;word-break:keep-all;border-radius:0.3em;vertical-align:text-bottom;background-color:brown;color:white;cursor:help;margin-right:0.25em;" data-sc-code="uk" title="word usually written using kana alone">kana</span><span class="gloss-sc-span" title="valid only for these forms and/or readings" style="cursor:help;"><span class="gloss-sc-span" style="color:red;">[</span>ばね・バネ only<span class="gloss-sc-span" style="color:red;">]</span></span><ol class="gloss-sc-ol" style="padding-left: 1.4em;margin: 0"><li class="gloss-sc-li" style="list-style-type:"② ";" data-sc-sense-number="2"><ul class="gloss-sc-ul" style="color: #ffff00;padding-left: 1.4em;margin: 0" data-sc-content="glossary"><li class="gloss-sc-li">spring (in one's legs)</li><li class="gloss-sc-li">bounce</li></ul></li><li class="gloss-sc-li" style="list-style-type:"③ ";" data-sc-sense-number="3"><ul class="gloss-sc-ul" style="color: #ffff00;padding-left: 1.4em;margin: 0" data-sc-content="glossary"><li class="gloss-sc-li">springboard</li><li class="gloss-sc-li">impetus</li></ul></li></ol></li><li class="gloss-sc-li" data-sc-content="forms"><span class="gloss-sc-span" title="spelling and reading variants" style="font-size:0.7em;font-weight:bold;padding:0.15em 0.3em 0.3em 0.3em;word-break:keep-all;border-radius:0.3em;vertical-align:text-bottom;background-color:#565656;color:white;cursor:help;margin-right:0.25em;">forms</span><div class="gloss-sc-table-container" style="display: block;overflow-x: auto;"><table class="gloss-sc-table" style="table-layout: auto;border-collapse: collapse;border-spacing: 0;color: var(--text-color);"><tbody><tr class="gloss-sc-tr"><th class="gloss-sc-th" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;background-color: #2d2d2d;text-align: center;font-weight: normal"></th><th class="gloss-sc-th" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;background-color: #2d2d2d;text-align: center;font-weight: normal;white-space: nowrap">発条</th><th class="gloss-sc-th" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;background-color: #2d2d2d;text-align: center;font-weight: normal;white-space: nowrap">弾機</th><th class="gloss-sc-th" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;background-color: #2d2d2d;text-align: center;font-weight: normal;white-space: nowrap">撥条</th><th class="gloss-sc-th" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;background-color: #2d2d2d;text-align: center;font-weight: normal"><span class="gloss-sc-span" title="no associated kanji forms" style="color:red;cursor:help;">∅</span></th></tr><tr class="gloss-sc-tr"><th class="gloss-sc-th" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;background-color: #2d2d2d;font-weight: normal"><span class="gloss-sc-span" title="gikun (meaning as reading) or jukujikun (special kanji reading)" style="cursor:help;"><span class="gloss-sc-span" style="color:red;">{</span>ばね<span class="gloss-sc-span" style="color:red;">}</span></span></th><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"><span class="gloss-sc-span" title="high priority form" style="padding:0.15em 0.2em;border-radius:1.00em;cursor:help;background-color:green;color:white;">優</span></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"><span class="gloss-sc-span" title="valid form/reading combination" style="padding:0.15em 0.2em;border-radius:1.00em;cursor:help;background-color:transparent;border-style:solid;border-width:0.75px;">可</span></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"><span class="gloss-sc-span" title="rarely used form" style="padding:0.15em 0.2em;border-radius:1.00em;cursor:help;background-color:purple;color:white;">稀</span></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td></tr><tr class="gloss-sc-tr"><th class="gloss-sc-th" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;background-color: #2d2d2d;font-weight: normal">ぜんまい</th><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"><span class="gloss-sc-span" title="valid form/reading combination" style="padding:0.15em 0.2em;border-radius:1.00em;cursor:help;background-color:transparent;border-style:solid;border-width:0.75px;">可</span></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"><span class="gloss-sc-span" title="rarely used form" style="padding:0.15em 0.2em;border-radius:1.00em;cursor:help;background:radial-gradient(purple 0.55em, black 1.00em);color:white;">稀</span></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td></tr><tr class="gloss-sc-tr"><th class="gloss-sc-th" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;background-color: #2d2d2d;font-weight: normal">はつじょう</th><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"><span class="gloss-sc-span" title="valid form/reading combination" style="padding:0.15em 0.2em;border-radius:1.00em;cursor:help;background-color:transparent;border-style:solid;border-width:0.75px;">可</span></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"><div class="gloss-sc-div" title="rarely used form" style="clip-path:circle();cursor:help;background-color:purple;color:white;">稀</div></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td></tr><tr class="gloss-sc-tr"><th class="gloss-sc-th" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;background-color: #2d2d2d;font-weight: normal">だんき</th><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"><span class="gloss-sc-span" title="valid form/reading combination" style="padding:0.15em 0.2em;border-radius:1.00em;cursor:help;background-color:transparent;border-style:solid;border-width:0.75px;">可</span></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td></tr><tr class="gloss-sc-tr"><th class="gloss-sc-th" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;background-color: #2d2d2d;font-weight: normal">バネ</th><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"></td><td class="gloss-sc-td" style="border: 1px solid var(--border-color);padding: 0.25em;vertical-align: top;text-align: center"><span class="gloss-sc-span" title="valid form/reading combination" style="padding:0.15em 0.2em;border-radius:1.00em;cursor:help;background-color:transparent;border-style:solid;border-width:0.75px;">可</span></td></tr></tbody></table></div></li></ul></span></li></ol>
```
</details>
<details>
<summary>`HtmlWidget` configuration</summary>
```dart
HtmlWidget(
asyncSnapshot.data!,
buildAsync: false,
enableCaching: true,
renderMode: RenderMode.column,
textStyle: const TextStyle(
overflow: TextOverflow.ellipsis,
),
onLoadingBuilder: (context, element, loadingProgress) => const SizedBox(),
// Use a custom factory to handle local assets.
factoryBuilder: () => CustomHtmlToWidgetFactory(
widget.indexId,
GetIt.I<DaDb>(),
),
// Handle taps on internal dictionary links.
onTapUrl: widget.onTapUrl,
),
```
</details>
<details>
<summary>Tesing environment</summary>
<!-- Finally, paste the output of running `flutter doctor -v` here. -->
```
```
</details>
## Expected results
<img width="75" height="28" alt="Image" src="https://github.com/user-attachments/assets/f73c07d2-9e30-4192-837b-7f512e53950f" />
*(background color irrelevant)*
## Actual results
<img width="75" height="28" alt="Image" src="https://github.com/user-attachments/assets/734cfd60-8502-4f5b-bfdf-2a4186f1d581" />
*(background color irrelevant)*
关闭于 2026-04-05 0 条评论