question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support for dominantBaseline property

See original GitHub issue

In react svg, we have dominantBaseline property for Text component. is there any plan in future to add support of this property?

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:6
  • Comments:10 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
mabounassifcommented, Nov 5, 2021

Found it. I had to set the alignment baseline 😃

1reaction
mabounassifcommented, Nov 5, 2021

Hey there, I noticed that dominantBaseline="middle" works well on the web but it still renders the default on iOS.

My use case is with text path following an arc. Given the little space I have, I need the text to be in the middle of the path. How can one achieve that with alignment-baseline and baseline-shift. I’ve been throwing a few things at the wall to see what sticks to no avail. Any pointer @msand would be optimal.

Read more comments on GitHub >

github_iconTop Results From Across the Web

dominant-baseline - SVG: Scalable Vector Graphics | MDN
The dominant-baseline attribute specifies the dominant baseline, which is the baseline used to align the box's text and inline-level ...
Read more >
CSS dominant-baseline Property
The dominant-baseline property is used to determine or re-determine a scaled-baseline-table.
Read more >
Support for dominantBaseline property · Issue #872 - GitHub
Hey there, I noticed that dominantBaseline="middle" works well on the web but it still renders the default on iOS. My use case is...
Read more >
SVG text dominant-baseline & alignment-baseline attributes
SVG provides three properties to allow you adjust text baselines. dominant-baseline is used to determine or re-determine a scaled-baseline-table ...
Read more >
dominant-baseline VS alignment-baseline - SVG - CodePen
Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dominant-baseline -->. 2. ​. 3. <div class="flex">.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found