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

take bounding box for positioning calculation

Browse source
This commit is contained in:
Bruno Windels 2019-09-06 15:56:46 +02:00
parent 4876f4c469
commit 4e98721ba9
1 changed files with 3 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/views/rooms/MessageComposerFormatBar.js
View file

@ -38,23 +38,10 @@ export default class MessageComposerFormatBar extends React.PureComponent {
showAt(selectionRect) { showAt(selectionRect) {
this._formatBarRef.classList.add("mx_MessageComposerFormatBar_shown"); this._formatBarRef.classList.add("mx_MessageComposerFormatBar_shown");
let leftOffset = 0; const parentRect = this._formatBarRef.parentElement.getBoundingClientRect();
let node = this._formatBarRef; this._formatBarRef.style.left = `${selectionRect.left - parentRect.left}px`;
while (node.offsetParent) {
node = node.offsetParent;
leftOffset += node.offsetLeft;
}
let topOffset = 0;
node = this._formatBarRef;
while (node.offsetParent) {
node = node.offsetParent;
topOffset += node.offsetTop;
}
this._formatBarRef.style.left = `${selectionRect.left - leftOffset}px`;
// 12 is half the height of the bar (e.g. to center it) and 16 is an offset that felt ok. // 12 is half the height of the bar (e.g. to center it) and 16 is an offset that felt ok.
this._formatBarRef.style.top = `${selectionRect.top - topOffset - 16 - 12}px`; this._formatBarRef.style.top = `${selectionRect.top - parentRect.top - 16 - 12}px`;
} }
hide() { hide() {