PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Fix composer format buttons on WebKit (#7898)

Browse source
This commit is contained in:
Robin 2022-02-25 08:20:06 -05:00 committed by GitHub
parent e762a6947d
commit 76ca0362e1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
res/css/views/rooms/_MessageComposerFormatBar.scss
View file

@ -37,12 +37,6 @@ limitations under the License.
display: inline-block;
position: relative;
margin: 2px;
&:hover {
background: $panel-actions;
border-radius: 6px;
z-index: 1;
}
}
.mx_MessageComposerFormatBar_button {
@ -50,6 +44,14 @@ limitations under the License.
height: 28px;
box-sizing: border-box;
vertical-align: middle;
background: none;
border: none;
&:hover {
background: $panel-actions;
border-radius: 6px;
z-index: 1;
}
}
.mx_MessageComposerFormatBar_button::after {

4
src/components/views/rooms/MessageComposerFormatBar.tsx
View file

@ -103,8 +103,12 @@ class FormatButton extends React.PureComponent<IFormatButtonProps> {
</div>
</div>;
// element="button" and type="button" are necessary for the buttons to work on WebKit,
// otherwise the text is deselected before onClick can ever be called
return (
<AccessibleTooltipButton
element="button"
type="button"
onClick={this.props.onClick}
title={this.props.label}
tooltip={tooltip}