Page MenuHomePhorge
Files F32197245

D8860.1765103113.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D8860.1765103113.diff
View Options

diff --git a/web/utils/tooltip-utils.js b/web/utils/tooltip-utils.js
--- a/web/utils/tooltip-utils.js
+++ b/web/utils/tooltip-utils.js
@@ -48,6 +48,28 @@
+actionButtonContent: React.Node,
};
+function getTooltipScreenOverflowRightCorrection(
+ xAnchor: number,
+ tooltipWidth: number,
+): number {
+ const appContainerPositionInfo = getAppContainerPositionInfo();
+ if (!appContainerPositionInfo) {
+ return 0;
+ }
+
+ const { right: containerRight } = appContainerPositionInfo;
+ const padding = 8;
+
+ const tooltipRightEdge = xAnchor + tooltipWidth;
+ const correction = tooltipRightEdge - containerRight;
+
+ if (correction <= 0) {
+ return 0;
+ }
+
+ return correction + padding;
+}
+
type FindTooltipPositionArgs = {
+sourcePositionInfo: PositionInfo,
+tooltipSize: TooltipSize,
@@ -252,12 +274,19 @@
alignment: 'left',
};
} else if (tooltipPosition === tooltipPositions.TOP) {
+ const xAnchor =
+ sourcePositionInfo.left +
+ sourcePositionInfo.width / 2 -
+ tooltipSize.width / 2;
+
+ const tooltipOverflowXCorrection = getTooltipScreenOverflowRightCorrection(
+ xAnchor,
+ tooltipSize.width,
+ );
+
return {
anchorPoint: {
- x:
- sourcePositionInfo.left +
- sourcePositionInfo.width / 2 -
- tooltipSize.width / 2,
+ x: xAnchor - tooltipOverflowXCorrection,
y: sourcePositionInfo.top,
},
horizontalPosition: 'right',
@@ -265,12 +294,19 @@
alignment: 'center',
};
} else if (tooltipPosition === tooltipPositions.BOTTOM) {
+ const xAnchor =
+ sourcePositionInfo.left +
+ sourcePositionInfo.width / 2 -
+ tooltipSize.width / 2;
+
+ const tooltipOverflowXCorrection = getTooltipScreenOverflowRightCorrection(
+ xAnchor,
+ tooltipSize.width,
+ );
+
return {
anchorPoint: {
- x:
- sourcePositionInfo.left +
- sourcePositionInfo.width / 2 -
- tooltipSize.width / 2,
+ x: xAnchor - tooltipOverflowXCorrection,
y: sourcePositionInfo.bottom,
},
horizontalPosition: 'right',

File Metadata

Mime Type
text/plain
Expires
Sun, Dec 7, 10:25 AM (1 h, 4 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5843505
Default Alt Text
D8860.1765103113.diff (2 KB)

Event Timeline