# Subscript rendering in graph broken in Safari

**URL:** <https://delvingbitcoin.org/t/subscript-rendering-in-graph-broken-in-safari/608>\
**Category:** Meta\
**Created:** [February 26, 2024, 5:48pm UTC](https://delvingbitcoin.org/t/subscript-rendering-in-graph-broken-in-safari/608 "2024-02-26T17:48:55Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![sjors](https://delvingbitcoin.org/user_avatar/delvingbitcoin.org/sjors/32/59_2.png) [@sjors](https://delvingbitcoin.org/u/sjors)\
**Post date:** [February 26, 2024, 5:48pm UTC](https://delvingbitcoin.org/t/subscript-rendering-in-graph-broken-in-safari/608/1 "2024-02-26T17:48:55Z")

</div>

While reading @sipa’s post on cluster mempool I noticed a glitch:

> [@Cluster mempool definitions & theory](https://delvingbitcoin.org/t/cluster-mempool-definitions-theory/202/1):
>
> Consider the transaction graph below

Strangely in Safari on macOS 13.6.4 and 14.3.1 the subscripts numbers are missing from the graph. They seem to get bunched in the top-left corner:

 ![subscripts](https://delvingbitcoin.org/uploads/default/original/1X/5a4bd4b495cb897816df101757b9c09d1470c583.png)

They do render correctly in Chrome.

Bringing this up in a meta topic to not distract the conversation there.

---

<div class="post-metadata">

**Author:** ![ajtowns](https://delvingbitcoin.org/user_avatar/delvingbitcoin.org/ajtowns/32/417_2.png) [@ajtowns](https://delvingbitcoin.org/u/ajtowns)\
**Post date:** [February 27, 2024, 5:56am UTC](https://delvingbitcoin.org/t/subscript-rendering-in-graph-broken-in-safari/608/2 "2024-02-27T05:56:12Z")

</div>

Do you get the same behaviour on a gist or in the [live editor](https://mermaid.live/)? Here’s the source for easy cutting and pasting:

```auto
graph BT
   t5["t<sub>5</sub>"] --> t2["t<sub>2</sub>"];
   t6["t<sub>6</sub>"] --> t2;
   t6 --> t3["t<sub>3</sub>"] --> t1["t<sub>1</sub>"];
   t7["t<sub>7</sub>"] --> t4["t<sub>4</sub>"];

```

If it’s buggy there, probably file [an issue](https://github.com/mermaid-js/mermaid/issues) upstream? If it’s fixed upstream, could probably manually update the component until discourse gets around to an official update.

---

<div class="post-metadata">

**Author:** ![sjors](https://delvingbitcoin.org/user_avatar/delvingbitcoin.org/sjors/32/59_2.png) [@sjors](https://delvingbitcoin.org/u/sjors)\
**Post date:** [February 27, 2024, 12:02pm UTC](https://delvingbitcoin.org/t/subscript-rendering-in-graph-broken-in-safari/608/3 "2024-02-27T12:02:48Z")

</div>

I get the same in the live editor.

 ![t](https://delvingbitcoin.org/uploads/default/original/1X/cb5ae76b23f003130f5a7c0bfc440396cd8e0a43.png)

I’m not familiar enough with Graphviz (?) and how the Delving forum (and Mermaid?) works to file a bug report.

---

<div class="post-metadata">

**Author:** ![ajtowns](https://delvingbitcoin.org/user_avatar/delvingbitcoin.org/ajtowns/32/417_2.png) [@ajtowns](https://delvingbitcoin.org/u/ajtowns)\
**Post date:** [February 27, 2024, 7:05pm UTC](https://delvingbitcoin.org/t/subscript-rendering-in-graph-broken-in-safari/608/4 "2024-02-27T19:05:03Z")

</div>

These diagrams are based on [https://mermaid.js.org/](https://mermaid.js.org/) (unrelated to graphviz) so just filing an issue on [their github](https://github.com/mermaid-js/mermaid/issues) giving the demo of what doesn’t work and saying it doesn’t work on safari should be fine? If it occurs on the live editor, it’s not related to discourse forums, so you don’t need to be familiar with that. Might just be a safari rendering bug too, I guess?

---

<div class="post-metadata">

**Author:** ![sjors](https://delvingbitcoin.org/user_avatar/delvingbitcoin.org/sjors/32/59_2.png) [@sjors](https://delvingbitcoin.org/u/sjors)\
**Post date:** [February 28, 2024, 10:02am UTC](https://delvingbitcoin.org/t/subscript-rendering-in-graph-broken-in-safari/608/5 "2024-02-28T10:02:35Z")

</div>

Done (also checked that it’s not fixed in the dev branch): [Subscripts are bunched in a corner in Safari · Issue #5339 · mermaid-js/mermaid · GitHub](https://github.com/mermaid-js/mermaid/issues/5339)

---

<div class="post-metadata">

**Author:** ![sjors](https://delvingbitcoin.org/user_avatar/delvingbitcoin.org/sjors/32/59_2.png) [@sjors](https://delvingbitcoin.org/u/sjors)\
**Post date:** [April 15, 2024, 3:20pm UTC](https://delvingbitcoin.org/t/subscript-rendering-in-graph-broken-in-safari/608/6 "2024-04-15T15:20:13Z")

</div>

Looks like this has been fixed upstream: [fix: subscripts in corner safari, resolves #1423 by Yash-Singh1 · Pull Request #1424 · mermaid-js/mermaid-live-editor · GitHub](https://github.com/mermaid-js/mermaid-live-editor/pull/1424)