Skip to content

Commit 510d7b0

Browse files
authored
Fix text overflow caused by long URL (metabrainz#2216)
Fix overflow wrap in ExternalLinks and URLInputPopover
1 parent e1a0820 commit 510d7b0

File tree

2 files changed

+2
-0
lines changed

2 files changed

+2
-0
lines changed

root/static/scripts/edit/components/URLInputPopover.js

+1
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,7 @@ const URLInputPopover = (props: PropsT): React.MixedElement => {
9696
className="clean-url"
9797
href={link.url}
9898
rel="noreferrer"
99+
style={{overflowWrap: 'anywhere'}}
99100
target="_blank"
100101
>
101102
{link.url}

root/static/scripts/edit/externalLinks.js

+1
Original file line numberDiff line numberDiff line change
@@ -848,6 +848,7 @@ export class ExternalLink extends React.Component<LinkProps> {
848848
className="url"
849849
href={props.url}
850850
rel="noreferrer"
851+
style={{overflowWrap: 'anywhere'}}
851852
target="_blank"
852853
>
853854
{props.url}

0 commit comments

Comments
 (0)