This repository was archived by the owner on Dec 16, 2021. It is now read-only.
Repository navigation
This repository was archived by the owner on Dec 16, 2021. It is now read-only.
textLength should not be kebap-cased #483
Description
textLenght is a valid attribute on svg:tspan and svg:text: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/textLength
Unfortunately, textLength gets kebap-cased to text-length because it matches the CAMEL_PROPS regex.
Comparing with the SVG attribute reference, the following attributes are likely affected:
clipPathUnitsglyphRefmarkerHeight,markerUnit,markerWidthtextLengthxChannelSelector
Reacted by Levon Barsegjan, Yuliy Schwartzburg, Nidhi Reddy, Steve and Andre Wiggins
Activity
itslevo commentedon Jul 27, 2018
Can confirm, clipPathUnits gets rendered as clip-pathunits.
developit commentedon Aug 6, 2018
Hmm - it looks like the regex that is handling
clipPathUnitsis missing/g, so it only replaces the first uppercase character:https://github.com/developit/preact-compat/blob/6029c6e25f6d1c6461d5cc24a9c8bdc781f6ab87/src/index.js#L123
ikoruk commentedon Jan 16, 2019
Is there a temporary workaround until this is fixed?
itsthesteve commentedon Feb 13, 2019
@ikoruk this bit me today. With the
gflag it gets converted to kebab which isn't the solution as far as I can tell with. Is there a way to denylist certain attributes, or svg attributes as a whole? I'm not super familiar with the internals.