mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-24 19:55:54 +03:00
Code Issues Projects Releases Packages Wiki Activity

Added _wrapInDiv() method

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-01-19 18:21:59 +01:00
parent e6ab47ff76
commit 95939f3d6c
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
1 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/components/views/messages/TextualBody.js
View file

@ -94,8 +94,11 @@ export default class TextualBody extends React.Component {
const blocks = ReactDOM.findDOMNode(this).getElementsByTagName("pre");
if (blocks.length > 0) {
for (let i = 0; i < blocks.length; i++) {
this._handleCodeBlockExpansion(blocks[i]);
this._addCodeCopyButton(blocks[i]);
// Wrap a div around <pre> so that the copy button can be correctly positioned
// when the <pre> overflows and is scrolled horizontally.
const div = this._wrapInDiv(blocks[i]);
this._handleCodeBlockExpansion(div);
this._addCodeCopyButton(div);
}
// Do this asynchronously: parsing code takes time and we don't
// need to block the DOM update on it.
@ -125,17 +128,19 @@ export default class TextualBody extends React.Component {
button.onmouseleave = close;
};
// Wrap a div around <pre> so that the copy button can be correctly positioned
// when the <pre> overflows and is scrolled horizontally.
codeBlock.appendChild(button);
}
_wrapInDiv(codeBlock) {
const div = document.createElement("div");
div.className = "mx_EventTile_pre_container";
// Insert containing div in place of <pre> block
codeBlock.parentNode.replaceChild(div, codeBlock);
// Append <pre> block and copy button to container
div.appendChild(codeBlock);
div.appendChild(button);
return div;
}
_handleCodeBlockExpansion(codeBlock) {