ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Text Formatter: Fix position in scrollable input (#2362)

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-01-28 02:16:05 +01:00
parent d03755ded0
commit bb34e6ae5a
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/middle/composer/MessageInput.tsx
View File

@ -248,19 +248,19 @@ const MessageInput: FC<OwnProps & StateProps> = ({
const selectionRange = window.getSelection()!.getRangeAt(0);
const selectionRect = selectionRange.getBoundingClientRect();
const inputRect = inputRef.current!.getBoundingClientRect();
const scrollerRect = inputRef.current!.closest<HTMLDivElement>(`.${SCROLLER_CLASS}`)!.getBoundingClientRect();
let x = (selectionRect.left + selectionRect.width / 2) - inputRect.left;
let x = (selectionRect.left + selectionRect.width / 2) - scrollerRect.left;
if (x < TEXT_FORMATTER_SAFE_AREA_PX) {
x = TEXT_FORMATTER_SAFE_AREA_PX;
} else if (x > inputRect.width - TEXT_FORMATTER_SAFE_AREA_PX) {
x = inputRect.width - TEXT_FORMATTER_SAFE_AREA_PX;
} else if (x > scrollerRect.width - TEXT_FORMATTER_SAFE_AREA_PX) {
x = scrollerRect.width - TEXT_FORMATTER_SAFE_AREA_PX;
}
setTextFormatterAnchorPosition({
x,
y: selectionRect.top - inputRect.top,
y: selectionRect.top - scrollerRect.top,
});
setSelectedRange(selectionRange);