mirror of
https://github.com/element-hq/element-web
synced 2024-11-23 09:46:09 +03:00
Fix types and console.log
This commit is contained in:
parent
be3a66b0e6
commit
f5efa85882
2 changed files with 20 additions and 12 deletions
|
@ -18,8 +18,10 @@ import { useCallback, useEffect, useRef } from "react";
|
|||
|
||||
import useFocus from "../../../../../hooks/useFocus";
|
||||
|
||||
type SubSelection = Pick<Selection, 'anchorNode' | 'anchorOffset' | 'focusNode' | 'focusOffset'>;
|
||||
|
||||
export function useSelection() {
|
||||
const selectionRef = useRef({
|
||||
const selectionRef = useRef<SubSelection>({
|
||||
anchorNode: null,
|
||||
anchorOffset: 0,
|
||||
focusNode: null,
|
||||
|
@ -30,12 +32,15 @@ export function useSelection() {
|
|||
useEffect(() => {
|
||||
function onSelectionChange() {
|
||||
const selection = document.getSelection();
|
||||
selectionRef.current = {
|
||||
anchorNode: selection.anchorNode,
|
||||
anchorOffset: selection.anchorOffset,
|
||||
focusNode: selection.focusNode,
|
||||
focusOffset: selection.focusOffset,
|
||||
};
|
||||
|
||||
if (selection) {
|
||||
selectionRef.current = {
|
||||
anchorNode: selection.anchorNode,
|
||||
anchorOffset: selection.anchorOffset,
|
||||
focusNode: selection.focusNode,
|
||||
focusOffset: selection.focusOffset,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
if (isFocused) {
|
||||
|
@ -47,10 +52,14 @@ export function useSelection() {
|
|||
|
||||
const selectPreviousSelection = useCallback(() => {
|
||||
const range = new Range();
|
||||
range.setStart(selectionRef.current.anchorNode, selectionRef.current.anchorOffset);
|
||||
range.setEnd(selectionRef.current.focusNode, selectionRef.current.focusOffset);
|
||||
document.getSelection().removeAllRanges();
|
||||
document.getSelection().addRange(range);
|
||||
const selection = selectionRef.current;
|
||||
|
||||
if (selection.anchorNode && selection.focusNode) {
|
||||
range.setStart(selection.anchorNode, selectionRef.current.anchorOffset);
|
||||
range.setEnd(selection.focusNode, selectionRef.current.focusOffset);
|
||||
document.getSelection()?.removeAllRanges();
|
||||
document.getSelection()?.addRange(range);
|
||||
}
|
||||
}, [selectionRef]);
|
||||
|
||||
return { ...focusProps, selectPreviousSelection };
|
||||
|
|
|
@ -177,7 +177,6 @@ describe('SendWysiwygComposer', () => {
|
|||
|
||||
it('Should not has placeholder', async () => {
|
||||
// When
|
||||
console.log('here');
|
||||
customRender(jest.fn(), jest.fn(), false, isRichTextEnabled);
|
||||
await waitFor(() => expect(screen.getByRole('textbox')).toHaveAttribute('contentEditable', "true"));
|
||||
|
||||
|
|
Loading…
Reference in a new issue