akil/AskAlQuran
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Touch selection handle

Browse Source
This commit is contained in:
Akil 2025-06-28 01:11:25 +03:00
parent ce20960d77
commit f08592e0f8
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/SelectableParagraph.jsx
View File

@ -12,6 +12,9 @@ const SelectableParagraph = ({ content, surahNo, verseNo, onDetailClick }) => {
});
const handleTextSelect = (e) => {
// e.preventDefault();
// e.stopPropagation();
const selection = window.getSelection();
// console.log('selection', selection.toString());
if (!selection || selection.toString().trim() === '') {
@ -29,7 +32,7 @@ const SelectableParagraph = ({ content, surahNo, verseNo, onDetailClick }) => {
y: rect.bottom
},
visible: true
});
});
};
useEffect(() => {
@ -92,7 +95,8 @@ const SelectableParagraph = ({ content, surahNo, verseNo, onDetailClick }) => {
>
<div
onMouseUp={handleTextSelect}
// style={{ marginBottom: '20px', cursor: 'text' }}
onTouchEnd={handleTextSelect}
onMouseDown={(e) => {
setSelection(prev => ({ ...prev, visible: false }));
}}