React, <USE>.. xlinkHref больше не работает с Chrome v71 - PullRequest
Новая
       12

React, <USE>.. xlinkHref больше не работает с Chrome v71

0 голосов
/ 14 декабря 2018

У меня был компонент React SVG, который хорошо работал в течение прошлого года ... В моем компоненте SVG у меня есть такой тег: 

    <use
      innerRef={(ref) => { this.arcRef.icon = ref; }}
      xlinkHref={this.props.xlinkHref}
      width="10"
      height="10"
      x="240.462"
      y="138"
    />

Это рендеринг в домене.вот так: 

<use class="sc-dTLGrV fEJmAu" href="#item-2" width="40px" height="40px" x="240.462" y="138" data-svg-origin="240.462 138" transform="matrix(1,0,0,1,38,-26.5)" style="opacity: 1;"></use>

Chrome недавно обновился до v71 и теперь он больше не работает.В примечаниях к выпуску Chrome v71 упоминается "Chrome 71 был обновлен для поддержки спецификации Shadow DOM v1"

В DOM внутри тега <use> я вижу следующее:

#shadow-root (closed)

Я считаю, что использование больше не может найти элемент #item-2 на странице, даже если он там есть ...

Любые идеи о том, как я могу заставить это работатьснова?

1 Ответ

0 голосов
/ 29 января 2019

У меня была та же проблема, и это было, потому что у меня был конфликт ID.
Ранее он работал на всех версиях Chrome, но не на 71.

Попробуйте разрешить эти конфликты, если таковые имеются.

...