mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2025-08-30 19:01:17 +02:00
Code Issues Projects Releases Wiki Activity

Hide tooltips with CSS when they aren't visible

Browse Source 
Fixes https://github.com/vector-im/riot-web/issues/11456
This commit is contained in:
Travis Ralston 2019-11-24 20:52:22 -07:00
parent 7f7e51627c
commit 11fec80370
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/views/elements/Tooltip.js
View File

@ -100,7 +100,9 @@ module.exports = createReactClass({
const parent = ReactDOM.findDOMNode(this).parentNode; const parent = ReactDOM.findDOMNode(this).parentNode;
let style = {}; let style = {};
style = this._updatePosition(style); style = this._updatePosition(style);
style.display = "block"; // Hide the entire container when not visible. This prevents flashing of the tooltip
// if it is not meant to be visible on first mount.
style.display = this.props.visible ? "block" : "none";
const tooltipClasses = classNames("mx_Tooltip", this.props.tooltipClassName, { const tooltipClasses = classNames("mx_Tooltip", this.props.tooltipClassName, {
"mx_Tooltip_visible": this.props.visible, "mx_Tooltip_visible": this.props.visible,