ITADN

In certain cases `border-radius` is not applied correctly

#1560ClosedCaptainDario 创建于 2026-03-28
bug
C
CaptainDariocommented
## 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:&quot;① &quot;;" 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:&quot;② &quot;;" 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:&quot;③ &quot;;" 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 条评论