Browse Source

Fix crashes with Microsoft Translate on Microsoft Edge (#16525)

Fixes #16509

Microsoft Edge with translation enabled rewrites the DOM in ways that confuse
react and prevent it from working properly. Wrapping the offending parts in
a span avoids this issue.
closed-social-v3
Claire 2 years ago
committed by Eugen Rochko
parent
commit
e40d5414cc
1 changed files with 2 additions and 2 deletions
  1. +2
    -2
      app/javascript/mastodon/components/status.js

+ 2
- 2
app/javascript/mastodon/components/status.js View File

@ -309,8 +309,8 @@ class Status extends ImmutablePureComponent {
return ( return (
<HotKeys handlers={handlers}> <HotKeys handlers={handlers}>
<div ref={this.handleRef} className={classNames('status__wrapper', { focusable: !this.props.muted })} tabIndex='0'> <div ref={this.handleRef} className={classNames('status__wrapper', { focusable: !this.props.muted })} tabIndex='0'>
{status.getIn(['account', 'display_name']) || status.getIn(['account', 'username'])}
{status.get('content')}
<span>{status.getIn(['account', 'display_name']) || status.getIn(['account', 'username'])}</span>
<span>{status.get('content')}</span>
</div> </div>
</HotKeys> </HotKeys>
); );

Loading…
Cancel
Save