matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-10 09:22:25 +03:00
Code Activity

Fixed a bug where the contextual menu was being incorrectly positioned when zoom in on the webpage

Browse Source
This commit is contained in:
wmwragg
2016-07-27 09:51:50 +01:00
parent 0eb15085e9
commit dca4702b7b
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/views/rooms/EventTile.js
View File

@@ -251,8 +251,10 @@ module.exports = React.createClass({
onEditClicked: function(e) { onEditClicked: function(e) {
var MessageContextMenu = sdk.getComponent('rooms.MessageContextMenu'); var MessageContextMenu = sdk.getComponent('rooms.MessageContextMenu');
var buttonRect = e.target.getBoundingClientRect() var buttonRect = e.target.getBoundingClientRect()
var x = buttonRect.right;
var y = buttonRect.top + (e.target.height / 2); // The window X and Y offsets are to adjust position when zoomed in to page
var x = buttonRect.right + window.pageXOffset;
var y = buttonRect.top + (e.target.height / 2) + window.pageYOffset;
var self = this; var self = this;
ContextualMenu.createMenu(MessageContextMenu, { ContextualMenu.createMenu(MessageContextMenu, {
mxEvent: this.props.mxEvent, mxEvent: this.props.mxEvent,

5
src/components/views/rooms/RoomTile.js
View File

@@ -77,8 +77,9 @@ module.exports = React.createClass({
onBadgeClicked: function(e) { onBadgeClicked: function(e) {
var Menu = sdk.getComponent('rooms.NotificationStateContextMenu'); var Menu = sdk.getComponent('rooms.NotificationStateContextMenu');
var elementRect = e.target.getBoundingClientRect(); var elementRect = e.target.getBoundingClientRect();
var x = elementRect.right; // The window X and Y offsets are to adjust position when zoomed in to page
var y = elementRect.top + (elementRect.height / 2); var x = elementRect.right + window.pageXOffset;
var y = elementRect.top + (elementRect.height / 2) + window.pageYOffset;
var self = this; var self = this;
ContextualMenu.createMenu(Menu, { ContextualMenu.createMenu(Menu, {
left: x, left: x,