From 45e60330b80c326a394542cd8e2da807fa82db00 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Mon, 28 Sep 2026 11:01:09 +0700
Subject: [PATCH] =?UTF-8?q?highlight-touch:=20=E0=B9=81=E0=B8=81=E0=B9=89?=
 =?UTF-8?q?=E0=B8=81=E0=B8=A5=E0=B8=B8=E0=B9=88=E0=B8=A1=E0=B8=9A=E0=B8=B1?=
 =?UTF-8?q?=E0=B9=8A=E0=B8=81=E0=B8=88=E0=B8=AD=E0=B8=AA=E0=B8=B1=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=9C=E0=B8=B1=E0=B8=AA=E0=B8=82=E0=B8=AD=E0=B8=87=20useCus?=
 =?UTF-8?q?tomSelection=20+=20rectsInSweptPath=20=E0=B8=95=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=87=E0=B8=B2=E0=B8=99?=
 =?UTF-8?q?=20review=2012=20=E0=B8=82=E0=B9=89=E0=B8=AD=20+=20follow-up=20?=
 =?UTF-8?q?3=20=E0=B8=82=E0=B9=89=E0=B8=AD=20=E2=80=94=20=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=81=E0=B9=81=E0=B8=99=E0=B8=A7=E0=B8=99=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=99=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1=E0=B8=94?=
 =?UTF-8?q?=E0=B9=80=E0=B8=94=E0=B8=B5=E0=B8=A2=E0=B8=A7=E0=B8=9A=E0=B8=99?=
 =?UTF-8?q?=20tablet=20=E0=B8=95=E0=B9=89=E0=B8=AD=E0=B8=87=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87=E0=B8=A1=E0=B8=B2=E0=B8=A3?=
 =?UTF-8?q?=E0=B9=8C=E0=B8=81=E0=B9=84=E0=B8=94=E0=B9=89=E0=B8=97=E0=B8=B8?=
 =?UTF-8?q?=E0=B8=81=E0=B8=84=E0=B8=A3=E0=B8=B1=E0=B9=89=E0=B8=87=20?=
 =?UTF-8?q?=E0=B9=81=E0=B8=A5=E0=B8=B0=20gesture=20=E0=B8=95=E0=B9=89?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=87=E0=B9=84=E0=B8=A1=E0=B9=88=E0=B8=95=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=96=E0=B8=B2=E0=B8=A7=E0=B8=A3=E0=B8=81=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=87session=20=E2=80=94=20(1)=20fingerOffsetFor:?=
 =?UTF-8?q?=20FINGER=5FOFFSET=5FPX=3D12=20=E0=B8=84=E0=B8=87=E0=B8=97?=
 =?UTF-8?q?=E0=B8=B5=E0=B9=88=E0=B8=97=E0=B8=B3=20probe=20=E0=B8=97?=
 =?UTF-8?q?=E0=B8=B5=E0=B9=88=20y=E2=88=9212=20=E0=B8=AB=E0=B8=A5=E0=B8=B8?=
 =?UTF-8?q?=E0=B8=94=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1=E0=B8=94?=
 =?UTF-8?q?=20(=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1=E0=B8=94=20PD?=
 =?UTF-8?q?F=20=E0=B8=9A=E0=B8=99=20tablet=20zoom-fit=20=E0=B8=AA=E0=B8=B9?=
 =?UTF-8?q?=E0=B8=87=E0=B8=88=E0=B8=A3=E0=B8=B4=E0=B8=87=20~14px=20?=
 =?UTF-8?q?=E2=80=94=20=E0=B8=A7=E0=B8=B1=E0=B8=94=E0=B8=88=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=81=20viewport=20820px)=20=E0=B9=84=E0=B8=9B=E0=B9=82?=
 =?UTF-8?q?=E0=B8=94=E0=B8=99=20heading=20=E0=B8=88=E0=B8=99=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=81=E0=B9=81=E0=B8=99=E0=B8=A7=E0=B8=99=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=99=E0=B9=80=E0=B8=87=E0=B8=B5=E0=B8=A2=E0=B8=9A=E0=B9=84?=
 =?UTF-8?q?=E0=B8=A1=E0=B9=88=E0=B8=AA=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87?=
 =?UTF-8?q?=20=E2=80=94=20offset=20=E0=B8=81=E0=B8=A5=E0=B8=B2=E0=B8=A2?=
 =?UTF-8?q?=E0=B9=80=E0=B8=9B=E0=B9=87=E0=B8=99=20min(12,=20=E0=B8=84?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B6=E0=B9=88=E0=B8=87=E0=B8=84=E0=B8=A7=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=AA=E0=B8=B9=E0=B8=87=E0=B8=9A=E0=B8=A3=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B1=E0=B8=94=E2=88=922)=20=E0=B8=A7=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=94=E0=B8=88=E0=B8=B2=E0=B8=81=20span=20=E0=B8=82?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=87=20anchor=20=E0=B8=95=E0=B8=AD=E0=B8=99=20poi?=
 =?UTF-8?q?nterdown=20(=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=94=20=E2=89=A528px=20=E0=B8=A2=E0=B8=B1=E0=B8=87?=
 =?UTF-8?q?=E0=B9=84=E0=B8=94=E0=B9=89=2012=20=E0=B9=80=E0=B8=97=E0=B9=88?=
 =?UTF-8?q?=E0=B8=B2=E0=B9=80=E0=B8=94=E0=B8=B4=E0=B8=A1)=20=E0=B9=81?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B0=E0=B8=96=E0=B9=89=E0=B8=B2=E0=B8=99=E0=B9=89?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=A2=E0=B8=81=E0=B8=A7=E0=B9=88=E0=B8=B2=2012=20?=
 =?UTF-8?q?=E0=B8=88=E0=B8=B0=20resolve=20anchor=20=E0=B8=8B=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B3=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=88=E0=B8=B8=E0=B8=94?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=AB=E0=B8=B1=E0=B8=81=E0=B8=88?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B4=E0=B8=87=20=E2=80=94=20=E0=B8=A2=E0=B8=B7?=
 =?UTF-8?q?=E0=B8=99=E0=B8=A2=E0=B8=B1=E0=B8=99=E0=B8=94=E0=B9=89=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=A2=20Playwright=20emulate=20iPad=20+=20CDP=20touch=20?=
 =?UTF-8?q?=E0=B8=88=E0=B8=A3=E0=B8=B4=E0=B8=87=20(=E0=B8=81=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=99=E0=B9=81=E0=B8=81=E0=B9=89=209/11=20?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=A5=E0=B8=B1=E0=B8=87=E0=B9=81=E0=B8=81=E0=B9=89?=
 =?UTF-8?q?=2011/11)=20(2)=20A1=20rangeBetween=20=E0=B8=9D=E0=B8=B1?=
 =?UTF-8?q?=E0=B9=88=E0=B8=87=E0=B8=AB=E0=B8=A5=E0=B8=B1=E0=B8=87=E0=B9=83?=
 =?UTF-8?q?=E0=B8=8A=E0=B9=89=20boundary=20end=20=E0=B9=81=E0=B8=97?=
 =?UTF-8?q?=E0=B8=99=20start=20=E2=80=94=20anchor/focus=20=E0=B8=9C?=
 =?UTF-8?q?=E0=B9=88=E0=B8=B2=E0=B8=99=20word=20snap=20=E0=B9=81=E0=B8=A5?=
 =?UTF-8?q?=E0=B9=89=E0=B8=A7=E0=B9=80=E0=B8=9B=E0=B9=87=E0=B8=99=20range?=
 =?UTF-8?q?=20=E0=B8=84=E0=B8=A3=E0=B8=AD=E0=B8=9A=E0=B8=84=E0=B8=B3=20?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=AD=E0=B9=88=E0=B8=B2=E0=B8=99?=
 =?UTF-8?q?=20start=20=E0=B8=97=E0=B8=B4=E0=B9=89=E0=B8=87=E0=B8=84?=
 =?UTF-8?q?=E0=B8=B3=E0=B8=97=E0=B9=89=E0=B8=B2=E0=B8=A2=20(=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=81=20alpha=E2=86=92gamma=20=E0=B9=84=E0=B8=94?=
 =?UTF-8?q?=E0=B9=89=E0=B9=81=E0=B8=84=E0=B9=88=20alpha=20beta)=20?=
 =?UTF-8?q?=E0=B9=81=E0=B8=A5=E0=B8=B0=E0=B8=A5=E0=B8=B2=E0=B8=81=E0=B9=83?=
 =?UTF-8?q?=E0=B8=99=E0=B8=84=E0=B8=B3=E0=B9=80=E0=B8=94=E0=B8=B5=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=A7=E0=B9=84=E0=B8=94=E0=B9=89=20selection=20=E0=B8=A7?=
 =?UTF-8?q?=E0=B9=88=E0=B8=B2=E0=B8=87=20(3)=20A2=20anchorPathPt(client=20?=
 =?UTF-8?q?=E0=B8=84=E0=B8=87=E0=B8=97=E0=B8=B5=E0=B9=88)=E2=86=92anchorRe?=
 =?UTF-8?q?l=20=E0=B8=AA=E0=B8=B1=E0=B8=94=E0=B8=AA=E0=B9=88=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=99=200=E2=80=931=20=E0=B8=82=E0=B8=AD=E0=B8=87=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=99=E0=B9=89=E0=B8=B2=20=E0=B9=81=E0=B8=9B=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=87=E0=B8=81=E0=B8=A5=E0=B8=B1=E0=B8=9A=E0=B8=97=E0=B8=B8?=
 =?UTF-8?q?=E0=B8=81=E0=B9=80=E0=B8=9F=E0=B8=A3=E0=B8=A1=20=E2=80=94=20?=
 =?UTF-8?q?=E0=B8=9E=E0=B8=B4=E0=B8=81=E0=B8=B1=E0=B8=94=20client=20?=
 =?UTF-8?q?=E0=B9=82=E0=B8=81=E0=B8=AB=E0=B8=81=E0=B8=97=E0=B8=B1=E0=B8=99?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B5=E0=B8=97=E0=B8=B5=E0=B9=88=20auto-scroll=20?=
 =?UTF-8?q?=E0=B9=80=E0=B8=A5=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99=E0=B9=80?=
 =?UTF-8?q?=E0=B8=99=E0=B8=B7=E0=B9=89=E0=B8=AD=E0=B8=AB=E0=B8=B2=E0=B8=81?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B2=E0=B8=87=E0=B8=A5=E0=B8=B2=E0=B8=81=20?=
 =?UTF-8?q?=E0=B8=88=E0=B8=99=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=94=E0=B8=95=E0=B9=89=E0=B8=99=E0=B8=97=E0=B8=B2=E0=B8=87?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=B2=E0=B8=A2=E0=B8=88=E0=B8=B2=E0=B8=81=E0=B8=97?=
 =?UTF-8?q?=E0=B8=B1=E0=B9=89=E0=B8=87=20preview=20=E0=B9=81=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B0=E0=B8=84=E0=B9=88=E0=B8=B2=E0=B8=97=E0=B8=B5=E0=B9=88?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=B1=E0=B8=99=E0=B8=97=E0=B8=B6=E0=B8=81=20(?=
 =?UTF-8?q?=E0=B8=88=E0=B8=B3=E0=B8=A5=E0=B8=AD=E0=B8=87=2026=20=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1=E0=B8=94=E0=B9=80=E0=B8=84?=
 =?UTF-8?q?=E0=B8=A2=E0=B9=84=E0=B8=94=E0=B9=89=2014)=20(4)=20A3=20rectsIn?=
 =?UTF-8?q?SweptPath=20(utils/coordinates.ts)=20rewrite:=20snap=20?=
 =?UTF-8?q?=E0=B8=88=E0=B8=B8=E0=B8=94=20start/end=20=E0=B9=80=E0=B8=82?=
 =?UTF-8?q?=E0=B9=89=E0=B8=B2=20center=20=E0=B8=9A=E0=B8=A3=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B1=E0=B8=94=E0=B9=83=E0=B8=81=E0=B8=A5=E0=B9=89?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=B8=E0=B8=94=20(snapY)=20=E0=B8=81=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=99=E0=B8=95=E0=B8=B1=E0=B8=94=E0=B8=AA=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=99=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1=E0=B8=94?=
 =?UTF-8?q?=E0=B9=80=E0=B8=94=E0=B8=B5=E0=B8=A2=E0=B8=A7=E0=B8=81=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=99/=E0=B8=84=E0=B8=99=E0=B8=A5=E0=B8=B0=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1=E0=B8=94=20=E2=80=94=20?=
 =?UTF-8?q?=E0=B8=9E=E0=B8=B4=E0=B8=81=E0=B8=B1=E0=B8=94=E0=B8=99=E0=B8=B4?=
 =?UTF-8?q?=E0=B9=89=E0=B8=A7=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=84=E0=B8=99?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B0=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=94=E0=B9=81=E0=B8=95=E0=B9=88=20dy=20=E0=B8=99=E0=B9=89?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=A2=E0=B8=81=E0=B8=A7=E0=B9=88=E0=B8=B2=20lineTo?=
 =?UTF-8?q?l=20=E0=B9=80=E0=B8=84=E0=B8=A2=E0=B8=96=E0=B8=B9=E0=B8=81?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B5=E0=B9=80=E0=B8=9B=E0=B9=87=E0=B8=99=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1=E0=B8=94=E0=B9=80=E0=B8=94?=
 =?UTF-8?q?=E0=B8=B5=E0=B8=A2=E0=B8=A7=E0=B8=88=E0=B8=99=E0=B8=81=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=87=E0=B9=84=E0=B8=94=E0=B9=89=200=20rect=20(?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B2=E0=B8=81=E0=B8=97=E0=B9=89=E0=B8=B2=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1=E0=B8=94=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=99=E2=86=92=E0=B8=95=E0=B9=89=E0=B8=99=E0=B8=9A=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=97=E0=B8=B1=E0=B8=94=E0=B8=96=E0=B8=B1=E0=B8=94?=
 =?UTF-8?q?=E0=B9=84=E0=B8=9B=E0=B8=A3=E0=B8=B0=E0=B8=A2=E0=B8=B0=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=B1=E0=B9=89=E0=B8=99)=20=E2=80=94=20=E0=B9=83=E0=B8=8A?=
 =?UTF-8?q?=E0=B9=89=E0=B8=A3=E0=B9=88=E0=B8=A7=E0=B8=A1=20desktop=20?=
 =?UTF-8?q?=E0=B9=80=E0=B8=AB=E0=B8=A1=E0=B8=B7=E0=B8=AD=E0=B8=99=E0=B9=80?=
 =?UTF-8?q?=E0=B8=94=E0=B8=B4=E0=B8=A1=20=E0=B9=80=E0=B8=84=E0=B8=AA=20tes?=
 =?UTF-8?q?t=20=E0=B9=80=E0=B8=94=E0=B8=B4=E0=B8=A1=203=20=E0=B9=80?=
 =?UTF-8?q?=E0=B8=84=E0=B8=AA=E0=B8=A2=E0=B8=B1=E0=B8=87=E0=B8=9C=E0=B9=88?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=99=20(5)=20A4=20range.collapsed=20(=E0=B8=A2?=
 =?UTF-8?q?=E0=B9=88=E0=B8=AD=E0=B8=88=E0=B8=99=E0=B8=A7=E0=B9=88=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=87=E0=B8=88=E0=B8=A3=E0=B8=B4=E0=B8=87)=20=3D=20?=
 =?UTF-8?q?=E0=B9=80=E0=B8=84=E0=B8=A5=E0=B8=B5=E0=B8=A2=E0=B8=A3=E0=B9=8C?=
 =?UTF-8?q?=20lastRef=20+=20preview=20=E0=B9=81=E0=B8=A5=E0=B9=89=E0=B8=A7?=
 =?UTF-8?q?=20return=20=E2=80=94=20commit=20=E0=B8=95=E0=B8=A3=E0=B8=87=20?=
 =?UTF-8?q?preview=20=E0=B9=80=E0=B8=AA=E0=B8=A1=E0=B8=AD=20=E0=B9=81?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=81=E0=B8=88=E0=B8=B2=E0=B8=81=E0=B9=80=E0=B8=84?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=81=E0=B8=A3=E0=B8=AD=E0=B8=87=E0=B8=A7=E0=B9=88?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=87=E0=B8=8A=E0=B8=B1=E0=B9=88=E0=B8=A7=E0=B8=84?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B2=E0=B8=A7=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=87=E0=B8=84=E0=B8=87=20lastRef=20=E0=B8=95?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A1=E0=B9=80=E0=B8=88=E0=B8=95=E0=B8=99=E0=B8=B2?=
 =?UTF-8?q?=E0=B9=80=E0=B8=94=E0=B8=B4=E0=B8=A1=20(6)=20A5=20caretInSpanAt?=
 =?UTF-8?q?=20=E0=B8=A7=E0=B8=B2=E0=B8=87=20caret=20=E0=B8=95=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=AA=E0=B8=B1=E0=B8=94=E0=B8=AA=E0=B9=88=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=99=20x=20=E0=B9=83=E0=B8=99=20span=20=E0=B9=81=E0=B8=97?=
 =?UTF-8?q?=E0=B8=99=E0=B8=95=E0=B9=89=E0=B8=99=20span=20=E0=B9=80?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=A1=E0=B8=AD=20(pdf.js=20=E0=B8=A1=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=81=E0=B8=84=E0=B8=A3=E0=B8=AD=E0=B8=9A=E0=B8=97=E0=B8=B1?=
 =?UTF-8?q?=E0=B9=89=E0=B8=87=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=94=E0=B9=83=E0=B8=99=20span=20=E0=B9=80=E0=B8=94?=
 =?UTF-8?q?=E0=B8=B5=E0=B8=A2=E0=B8=A7)=20=E0=B9=83=E0=B8=8A=E0=B9=89?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B1=E0=B9=89=E0=B8=87=E0=B8=8A=E0=B8=B1=E0=B9=89?=
 =?UTF-8?q?=E0=B8=99=20=E2=91=A2=20elementsFromPoint=20=E0=B9=81=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B0=20=E2=91=A3=20nearest=20span=20(7)=20A6=20fromElement?=
 =?UTF-8?q?=20=E0=B8=9B=E0=B8=8F=E0=B8=B4=E0=B9=80=E0=B8=AA=E0=B8=98=20tex?=
 =?UTF-8?q?t=20node=20=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=AD=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=B9=E0=B9=88=E0=B8=99=E0=B8=AD=E0=B8=81=20.textLayer=20(?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B1=E0=B8=99=20DFS=20=E0=B8=AB=E0=B8=A5=E0=B8=B8?=
 =?UTF-8?q?=E0=B8=94=E0=B9=84=E0=B8=9B=20text=20node=20=E0=B9=81=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=81=E0=B8=82=E0=B8=AD=E0=B8=87=E0=B8=AB=E0=B8=99=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B2)=20(8)=20A7.1=20auto-scroll=20speed=20cap=20=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B0=E0=B8=A2=E0=B8=B0=E0=B9=80=E0=B8=A5=E0=B8=A2=E0=B8=82?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=9A=E0=B8=97=E0=B8=B5=E0=B9=88=20margin=20/=20A7?=
 =?UTF-8?q?.2=20=E0=B8=A5=E0=B8=9A=20seenMovePointerIds=20debug=20/=20A7.4?=
 =?UTF-8?q?=20mouse=20=E0=B8=9B=E0=B8=B8=E0=B9=88=E0=B8=A1=E0=B8=8B?=
 =?UTF-8?q?=E0=B9=89=E0=B8=B2=E0=B8=A2=E0=B9=80=E0=B8=97=E0=B9=88=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=99=E0=B8=B1=E0=B9=89=E0=B8=99=20(hybrid)=20/=20A7.5=20?=
 =?UTF-8?q?=E0=B8=AA=E0=B9=88=E0=B8=87=20DragState=20=E0=B8=95=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=87=E0=B9=83=E0=B8=AB=E0=B9=89=20resolveTextCaretDeep=20?=
 =?UTF-8?q?=E0=B9=83=E0=B8=AB=E0=B9=89=20spanCache=20=E0=B8=96=E0=B8=B9?=
 =?UTF-8?q?=E0=B8=81=E0=B9=80=E0=B8=81=E0=B9=87=E0=B8=9A=E0=B8=81=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=9A=20(9)=20B1=20=E0=B8=A3=E0=B8=B0=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=A7=E0=B9=88=E0=B8=B2=E0=B8=87=E0=B8=A5=E0=B8=B2=E0=B8=81?=
 =?UTF-8?q?=20retry=20resolver=20=E0=B9=81=E0=B8=84=E0=B9=88=202=20?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B4=E0=B8=A8=E0=B9=81=E0=B8=A3=E0=B8=81=20(?=
 =?UTF-8?q?=E0=B8=84=E0=B8=A3=E0=B8=9A=208=20=E0=B8=97=E0=B8=B4=E0=B8=A8?=
 =?UTF-8?q?=20~6ms/=E0=B9=80=E0=B8=9F=E0=B8=A3=E0=B8=A1=20=E0=B9=80?=
 =?UTF-8?q?=E0=B8=81=E0=B9=87=E0=B8=9A=E0=B9=84=E0=B8=A7=E0=B9=89=20pointe?=
 =?UTF-8?q?rdown=20=E2=80=94=20fail=20=E0=B8=A3=E0=B8=B0=E0=B8=AB=E0=B8=A7?=
 =?UTF-8?q?=E0=B9=88=E0=B8=B2=E0=B8=87=E0=B8=A5=E0=B8=B2=E0=B8=81=E0=B8=A1?=
 =?UTF-8?q?=E0=B8=B5=E0=B8=97=E0=B8=B2=E0=B8=87=E0=B8=AD=E0=B8=AD=E0=B8=81?=
 =?UTF-8?q?=E0=B8=84=E0=B8=B7=E0=B8=AD=E0=B8=84=E0=B8=87=20lastFocus)=20(1?=
 =?UTF-8?q?0)=20B2+2.3=20spanCache=20=E0=B9=80=E0=B8=81=E0=B9=87=E0=B8=9A?=
 =?UTF-8?q?=20fraction=200=E2=80=931=20=E0=B8=82=E0=B8=AD=E0=B8=87?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2=20(=E0=B9=81=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=9A=E0=B9=80=E0=B8=94=E0=B8=B5=E0=B8=A2=E0=B8=A7=E0=B8=81?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=9A=20anchorRel=20=E2=80=94=20=E0=B8=97=E0=B8=99?=
 =?UTF-8?q?=20re-fit=20=E0=B8=84=E0=B8=A7=E0=B8=B2=E0=B8=A1=E0=B8=81?=
 =?UTF-8?q?=E0=B8=A7=E0=B9=89=E0=B8=B2=E0=B8=87=E0=B8=81=E0=B8=A5=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=87=20gesture=20=E0=B9=80=E0=B8=8A=E0=B9=88=E0=B8=99=20?=
 =?UTF-8?q?=E0=B8=99=E0=B8=B4=E0=B9=89=E0=B8=A7=E0=B8=97=E0=B8=B5=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=AD=E0=B8=87=20toggle=20sidebar)=20=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=94=E0=B8=84=E0=B8=A3=E0=B8=B1=E0=B9=89=E0=B8=87?=
 =?UTF-8?q?=E0=B9=80=E0=B8=94=E0=B8=B5=E0=B8=A2=E0=B8=A7=E0=B8=95=E0=B9=88?=
 =?UTF-8?q?=E0=B8=AD=20gesture=20=E0=B9=81=E0=B8=97=E0=B8=99=20getBounding?=
 =?UTF-8?q?ClientRect=20=E0=B8=97=E0=B8=B1=E0=B9=89=E0=B8=87=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=99=E0=B9=89=E0=B8=B2=E0=B8=97=E0=B8=B8=E0=B8=81=E0=B8=84?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=B1=E0=B9=89=E0=B8=87=20(~2.3ms)=20(11)=20code?=
 =?UTF-8?q?=20review=202.1:=20pointerup/pointercancel=20=E0=B8=A2=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A2=E0=B8=88=E0=B8=B2=E0=B8=81=20<main>=20?=
 =?UTF-8?q?=E0=B9=80=E0=B8=9B=E0=B9=87=E0=B8=99=E0=B8=95=E0=B8=B2=E0=B8=82?=
 =?UTF-8?q?=E0=B9=88=E0=B8=B2=E0=B8=A2=20document=20=E0=B9=81=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=9A=20capture=20phase=20=E0=B8=9C=E0=B8=B9=E0=B8=81?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B1=E0=B9=89=E0=B8=87=E0=B9=81=E0=B8=95=E0=B9=88?=
 =?UTF-8?q?=20pointerdown=20=E0=B8=88=E0=B8=99=20finish=20=E2=80=94=20Chro?=
 =?UTF-8?q?mium=20=E0=B8=81=E0=B8=B1=E0=B8=9A=20touch=20=E0=B8=96=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=94=20pointer=20capture=20=E0=B8=81=E0=B8=A5=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=87=20drag=20=E0=B9=84=E0=B8=94=E0=B9=89=E0=B9=80?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=87=20=E0=B8=9E=E0=B8=AD=20capture=20=E0=B8=AB?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=94=20pointerup=20=E0=B8=A2=E0=B8=B4=E0=B8=87?=
 =?UTF-8?q?=E0=B8=99=E0=B8=AD=E0=B8=81=20<main>=20=E0=B8=88=E0=B8=99=20dra?=
 =?UTF-8?q?gRef=20=E0=B8=84=E0=B9=89=E0=B8=B2=E0=B8=87=20gesture=20?=
 =?UTF-8?q?=E0=B8=96=E0=B8=B1=E0=B8=94=E0=B9=84=E0=B8=9B=E0=B9=80=E0=B8=87?=
 =?UTF-8?q?=E0=B8=B5=E0=B8=A2=E0=B8=9A=E0=B8=AB=E0=B8=A1=E0=B8=94=20(arm?=
 =?UTF-8?q?=20=E0=B9=80=E0=B8=89=E0=B8=9E=E0=B8=B2=E0=B8=B0=E0=B8=95?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=99=20active=20=E0=B9=84=E0=B8=A1=E0=B9=88?=
 =?UTF-8?q?=E0=B8=9E=E0=B8=AD=20=E2=80=94=20tap=20=E0=B8=97=E0=B8=B5?=
 =?UTF-8?q?=E0=B9=88=E0=B9=84=E0=B8=A1=E0=B9=88=E0=B8=82=E0=B8=A2=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=9A=E0=B8=81=E0=B9=87=E0=B8=95=E0=B9=89=E0=B8=AD=E0=B8=87?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=B5=E0=B8=95=E0=B8=B2=E0=B8=82=E0=B9=88=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=A3=E0=B8=B1=E0=B8=9A=20=E0=B9=84=E0=B8=A1?=
 =?UTF-8?q?=E0=B9=88=E0=B8=87=E0=B8=B1=E0=B9=89=E0=B8=99=E0=B8=84=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=87=E0=B9=80=E0=B8=AB=E0=B8=A1=E0=B8=B7=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=99=E0=B8=81=E0=B8=B1=E0=B8=99=20=E0=B9=80=E0=B8=88?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=88=E0=B8=A3=E0=B8=B4=E0=B8=87=E0=B8=95=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=99=E0=B9=81=E0=B8=81=E0=B9=89=20e2e=209/13)=20(12)=20A7.?=
 =?UTF-8?q?3=20=E0=B9=84=E0=B8=A1=E0=B9=88=E0=B9=83=E0=B8=8A=E0=B9=89:=20?=
 =?UTF-8?q?=E0=B8=AB=E0=B9=89=E0=B8=B2=E0=B8=A1=E0=B8=9C=E0=B8=B9=E0=B8=81?=
 =?UTF-8?q?=20finish=20=E0=B9=80=E0=B8=82=E0=B9=89=E0=B8=B2=20lostpointerc?=
 =?UTF-8?q?apture=20=E2=80=94=20=E0=B8=81=E0=B8=B1=E0=B8=9A=20touch=20?=
 =?UTF-8?q?=E0=B8=82=E0=B8=AD=E0=B8=87=20Chromium=20=E0=B8=A2=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=87=E0=B8=81=E0=B8=A5=E0=B8=B2=E0=B8=87=20drag=20?=
 =?UTF-8?q?=E0=B9=84=E0=B8=94=E0=B9=89=E0=B9=80=E0=B8=AD=E0=B8=87=20(impli?=
 =?UTF-8?q?cit=20capture=20=E0=B8=82=E0=B8=AD=E0=B8=87=20span=20+=20re-hit?=
 =?UTF-8?q?-test)=20=E0=B8=9C=E0=B8=B9=E0=B8=81=E0=B9=81=E0=B8=A5=E0=B9=89?=
 =?UTF-8?q?=E0=B8=A7=20dragRef=20=E0=B8=96=E0=B8=B9=E0=B8=81=E0=B9=80?=
 =?UTF-8?q?=E0=B8=84=E0=B8=A5=E0=B8=B5=E0=B8=A2=E0=B8=A3=E0=B9=8C=E0=B8=81?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B2=E0=B8=87=E0=B8=97=E0=B8=B2=E0=B8=87=20gestur?=
 =?UTF-8?q?e=20=E0=B8=95=E0=B8=B2=E0=B8=A2=E0=B8=AB=E0=B8=A1=E0=B8=94=20?=
 =?UTF-8?q?=E2=80=94=20=E0=B8=A2=E0=B8=B7=E0=B8=99=E0=B8=A2=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=99=E0=B8=94=E0=B9=89=E0=B8=A7=E0=B8=A2=20CDP=20touch=20e?=
 =?UTF-8?q?vent=20log=20=E0=B8=88=E0=B8=A3=E0=B8=B4=E0=B8=87=20(13)=202.2?=
 =?UTF-8?q?=20=E0=B9=81=E0=B8=81=E0=B9=89=20comment=20fingerOffsetFor=20?=
 =?UTF-8?q?=E0=B9=83=E0=B8=AB=E0=B9=89=E0=B8=95=E0=B8=A3=E0=B8=87=E0=B8=81?=
 =?UTF-8?q?=E0=B8=A5=E0=B9=84=E0=B8=81=20(=E0=B9=80=E0=B8=84=E0=B8=AA=20pr?=
 =?UTF-8?q?obe=20=E0=B9=82=E0=B8=94=E0=B8=99=20heading=20=E2=89=A528px=20?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=B1=E0=B8=87=E0=B9=83=E0=B8=8A=E0=B9=89=20heuris?=
 =?UTF-8?q?tic=20=E0=B9=80=E0=B8=94=E0=B8=B4=E0=B8=A1)=20(14)=20tests:=20c?=
 =?UTF-8?q?oordinates=20+7=20=E0=B9=80=E0=B8=84=E0=B8=AA=20(=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=A7=E0=B8=A1=202=20=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=94=20dy=20=E0=B9=80=E0=B8=A5=E0=B9=87=E0=B8=81?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B9=80=E0=B8=84=E0=B8=A2=E0=B9=84?=
 =?UTF-8?q?=E0=B8=94=E0=B9=89=200=20=E0=B9=81=E0=B8=A5=E0=B8=B0=20auto-scr?=
 =?UTF-8?q?oll=2026=20=E0=B8=9A=E0=B8=A3=E0=B8=A3=E0=B8=97=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=94)=20+=20=E0=B9=84=E0=B8=9F=E0=B8=A5=E0=B9=8C=E0=B9=83?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=A1=E0=B9=88=20tests/hooks/useCustomSelection-do?=
 =?UTF-8?q?m.test.ts=207=20=E0=B9=80=E0=B8=84=E0=B8=AA=20snapCaretToWord/r?=
 =?UTF-8?q?angeBetween=20(export=20=E0=B9=80=E0=B8=9E=E0=B8=B4=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=E0=B9=80=E0=B8=9E=E0=B8=B7=E0=B9=88=E0=B8=AD=20test?=
 =?UTF-8?q?=20=E0=B8=9E=E0=B8=A3=E0=B9=89=E0=B8=AD=E0=B8=A1=20comment)=20?=
 =?UTF-8?q?=E0=B8=9C=E0=B9=88=E0=B8=B2=E0=B8=99=20pragma=20@vitest-environ?=
 =?UTF-8?q?ment=20jsdom=20=E0=B8=A3=E0=B8=A7=E0=B8=A1=E0=B8=84=E0=B8=B3?=
 =?UTF-8?q?=E0=B9=84=E0=B8=97=E0=B8=A2=E0=B8=81=E0=B8=B1=E0=B8=9A=20Intl.S?=
 =?UTF-8?q?egmenter=20"=E0=B9=81=E0=B8=A1=E0=B8=A7=E0=B8=81=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=99=E0=B8=9B=E0=B8=A5=E0=B8=B2"=E2=86=92"=E0=B9=81?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=A7"=20=E2=80=94=20=E0=B9=80=E0=B8=9E=E0=B8=B4?=
 =?UTF-8?q?=E0=B9=88=E0=B8=A1=20devDependency=20jsdom=20(test-only)=20(15)?=
 =?UTF-8?q?=20rules/pdf-viewer.md=20sync=20=E0=B8=88=E0=B8=B8=E0=B8=94?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=9E=E0=B8=A4=E0=B8=95=E0=B8=B4?=
 =?UTF-8?q?=E0=B8=81=E0=B8=A3=E0=B8=A3=E0=B8=A1=E0=B9=80=E0=B8=9B=E0=B8=A5?=
 =?UTF-8?q?=E0=B8=B5=E0=B9=88=E0=B8=A2=E0=B8=99=E0=B8=84=E0=B8=A3=E0=B8=9A?=
 =?UTF-8?q?=20=E2=80=94=20=E0=B8=9C=E0=B9=88=E0=B8=B2=E0=B8=99=20code=20re?=
 =?UTF-8?q?view=20=E0=B8=A3=E0=B8=AD=E0=B8=9A=202=20(=E0=B9=84=E0=B8=A1?=
 =?UTF-8?q?=E0=B9=88=E0=B8=A1=E0=B8=B5=20bug=20=E0=B8=A3=E0=B8=B0=E0=B8=94?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=9A=E0=B8=95=E0=B9=89=E0=B8=AD=E0=B8=87=E0=B9=81?=
 =?UTF-8?q?=E0=B8=81=E0=B9=89)=20+=20tsc=20+=20vitest=20157/157=20+=20e2e?=
 =?UTF-8?q?=20tablet=2012/13=20(=E0=B9=80=E0=B8=84=E0=B8=AA=20F=20fail=20?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=88?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=94=E0=B9=80=E0=B8=95=E0=B8=A3=E0=B8=B5=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=A1=E0=B9=80=E0=B8=87=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=99?=
 =?UTF-8?q?=E0=B9=84=E0=B8=82=E0=B8=82=E0=B8=AD=E0=B8=87=20script=20?=
 =?UTF-8?q?=E0=B9=80=E0=B8=AD=E0=B8=87=20=E0=B9=84=E0=B8=A1=E0=B9=88?=
 =?UTF-8?q?=E0=B9=83=E0=B8=8A=E0=B9=88=E0=B8=9F=E0=B8=B1=E0=B8=87=E0=B8=81?=
 =?UTF-8?q?=E0=B9=8C=E0=B8=8A=E0=B8=B1=E0=B8=99=20=E2=80=94=20A3=20?=
 =?UTF-8?q?=E0=B8=84=E0=B8=A3=E0=B8=AD=E0=B8=9A=E0=B9=82=E0=B8=94=E0=B8=A2?=
 =?UTF-8?q?=20unit=20tests)=20(=E0=B8=84=E0=B8=B3=E0=B8=82=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=9C=E0=B8=B9=E0=B9=89=E0=B9=83=E0=B8=8A=E0=B9=89=202026-0?=
 =?UTF-8?q?9-28)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Code <noreply@anthropic.com>
---
 .claude/rules/pdf-viewer.md                |   2 +-
 hooks/useCustomSelection.ts                | 263 +++++++---
 package-lock.json                          | 537 ++++++++++++++++++++-
 package.json                               |   1 +
 tests/hooks/useCustomSelection-dom.test.ts |  82 ++++
 tests/utils/coordinates.test.ts            |  64 +++
 utils/coordinates.ts                       |  38 +-
 7 files changed, 913 insertions(+), 74 deletions(-)
 create mode 100644 tests/hooks/useCustomSelection-dom.test.ts

diff --git a/.claude/rules/pdf-viewer.md b/.claude/rules/pdf-viewer.md
index d5cc7fb..a0bcf82 100644
--- a/.claude/rules/pdf-viewer.md
+++ b/.claude/rules/pdf-viewer.md
@@ -25,7 +25,7 @@ paths:
 - DRAW วาดเส้นตรง: **ปล่อยเมาส์แล้ว snap อัตโนมัติ** เมื่อจุดทุกจุดห่างจากเส้นตรง จุดเริ่ม→จุดสุดท้าย ไม่เกิน max(5% ของความยาว, 3px) และเส้นยาว ≥ 24px (`isNearlyStraight`) — หรือกดค้าง **Shift** ระหว่างลาก (กด/ปล่อยกลางทางได้ — listener ระดับ window + reset ตอน blur) เพื่อบังคับตรงเสมอ → บันทึกเหลือจุดเริ่ม→จุดสุดท้าย 2 จุด (ความหนา uniform — ไม่เก็บ `widths` จาก pressure) — ใช้ได้เฉพาะโหมดวาดอิสระ ไม่ใช่ shape/eraser/redact; เส้นโค้ง/ขดจริงหลุดเกณฑ์จึงเหลือ freehand
 - Tool `pan` (มือเลื่อนหน้า — ปุ่มแยกถัดจาก select ในแถบ tool): ลากบน `<main>` = `mainRef.current.scrollBy` สวนทางการลาก (ทั้งแกน x/y) + cursor grab/grabbing; ระหว่างใช้ pan ทุก overlay ปิด pointer-events ผ่านตัวแปร `overlayFrozen` (`inkActive || pan`) **ยกเว้น InkLayer ต้องไม่ active** (ไม่งั้น pan กลายเป็นวาดเส้น)
 - HIGHLIGHT มี `style?` 4 แบบ: highlight ทึบเหมือนเดิม / underline = เส้นที่ขอบล่าง rect ต่อบรรทัด / strikethrough = เส้นกลางบรรทัด / squiggle = svg path ขยุกขยิก (`squigglePath`) ที่ขอบล่าง — export วาด line/sine แทน rect ทึบ; สร้างได้จาก **tool "highlight" ทางเดียว** (dropdown บนปุ่ม = รูปแบบ + สี → คลุมข้อความ = สร้างทันที พร้อม live preview ผ่าน `selectionchange` บน desktop / custom selection ของ `useCustomSelection` บนจอสัมผัส + ซ่อน native selection) — tool "เลือก" คลุมแล้วเกิด popup ไม่ได้แล้ว (ถอดออก) และคีย์ลัด `H` สลับไป tool highlight
-- **จอสัมผัส (iOS/Android) + tool highlight ใช้ custom selection ผ่าน `hooks/useCustomSelection.ts`** (ไม่พึ่ง native selection ของ OS อีก — OS ยึด gesture ปล่อยนิ้วไปแสดงเมนู/handles เอง ทำให้ commit-on-release ทำไม่ได้): เปิดเฉพาะอุปกรณ์ที่ `matchMedia("(pointer: coarse)")` จริง (`enabled = tool highlight + coarse` — **desktop ใช้ native mouse selection + commit ตอน mouseup ตามเดิม ไม่เปลี่ยน**; tool อื่นบนจอสัมผัสก็ native selection + long-press copy ของ OS ตามปกติ) — Pointer Events ชุดเดียวคุม mouse+touch บน `<main>`: `pointerdown` เก็บ anchor caret (จาก `caretRangeFromPoint` → fallback `caretPositionFromPoint` → ไม่มี = bail เงียบ ๆ; ต้องเป็น text node + เริ่มบน `.textLayer` เท่านั้น) ยังไม่ทำอะไร → เลย threshold **8px** จึง `setPointerCapture` + เริ่ม select จริง (**จับ pointer ตอนเริ่ม select ไม่ใช่ pointerdown** — capture ตั้งแต่กดจะ retarget click ไป container จน tap เลือก annotation/ปุ่ม pin ใช้ไม่ได้; tap ที่ไม่ขยับ = ไม่ capture click ไปถึงเป้าหมายตามเดิม และ click หลังลากจริง retarget ไป main = ไม่หลุดเข้า handlePageClick) — ระหว่างลาก: อ่าน focus caret ที่จุดนิ้ว**เลื่อนขึ้น 12px** (`FINGER_OFFSET_PX` เฉพาะ pointerType touch — นิ้วบังข้อความ), **word snap** ขอบคำทั้ง anchor/focus (`Intl.Segmenter` แยกคำไทยได้ → fallback regex `\S+`, กลางช่องว่าง = ไม่ขยาย), live preview ผ่าน **rAF throttle** (Range → `getClientRects` → `rectsInSweptPath` กรองแนวเส้นทางนิ้ว → `rectToPercent`+`mergeRectsByLine` — รูปร่างเดียวกับ liveMark ส่งเข้า PdfPage ทดแทนตอนมีค่า `customSelPreview ?? liveMark` — **จุดเส้นทางที่ใช้กรองต้องเป็นจุดเดียวกับที่หา caret (จอสัมผัส = จุด y−12)**: เก็บ `anchorPathPt` = จุด probe ที่ resolve anchor สำเร็จ และ `pathEnd` = จุด focus ที่หัก offset แล้ว ใช้ทั้งใน preview และ payload commit — ใช้พิกัดนิ้ว raw ตรง ๆ จะคลาด 12px จนบรรทัดเป้าหมายโดน lineTol ตัดทิ้ง (ลากขึ้น) หรือมาร์กเกิน (ลากลง) เมื่อฟอนต์เล็ก), **auto-scroll** rAF loop เมื่อนิ้วใกล้ขอบทั้ง 4 ด้านของพื้นที่เอกสาร (rect ของ `<main>` ใต้ header ไม่ใช่ขอบจอ) 60px — เลื่อน scroll container ของ `<main>` ทั้งแกนตั้ง/แนวนอน แล้วคำนวณ preview ใหม่ที่จุดนิ้วเดิม — **`pointerup` = commit ทันที**ผ่าน `onCommit(range,start,end)` → `handleCustomSelectionCommit` (ยืม `selDragStart/EndRef` ชั่วคราว + `readTextSelection(pi, { withText: true, range })` ชุดเดียวกับ desktop) → `commitHighlight` — **ไม่มีปุ่มยืนยันลอย/debounce/snapshot ใน ref อีกต่อไป** (selectionchange ของ tool highlight บน coarse ไม่ยิงเพราะไม่มี native selection); ระหว่าง enabled ให้ `<main>` ได้ class `.pdf-custom-select` (globals.css: `user-select`/`-webkit-user-select`/`-webkit-touch-callout: none` + `touch-action: none` กัน browser ยึด gesture เป็น scroll → pointercancel; restore `user-select:text` ให้ input/textarea/contenteditable ใต้ main) **ถอดทันที**เมื่อ tool เปลี่ยน/ปิด — ผลคือช่วง tool highlight บนจอสัมผัส **ลากที่ไหนก็ไม่เลื่อนหน้า** (gesture เป็นของ selection หมด เลื่อนหน้าต่อได้ด้วย auto-scroll ระหว่างลาก หรือสลับ tool) — เคลียร์ state ครบทุกทาง: pointerup/pointercancel (cancel = ทิ้ง selection ไม่ commit), enabled เปลี่ยน, unmount — ยกเลิก rAF ทั้ง preview/auto-scroll ไม่มี loop ค้าง — **กัน "ลากแล้วบางทีไม่ commit" ด้วยกลไก 3 จุด** (bug report 2026-09-15): (1) การหา caret เป็น 4 ชั้นเรียงตามต้นทุน (`resolveTextCaretDeep` — ใช้**เฉพาะตอน pointerdown** กับทั้งจุดชดเชยนิ้ว y−12 และจุดแตะจริง): ① `caretRangeFromPoint`/`caretPositionFromPoint` → startContainer เป็น Element (จุดตก gap/padding ระหว่าง span) ให้ดำดิ่งหา text node ผ่าน `childNodes[startOffset]` + `findFirstTextNode` DFS → ② retry ขยับพิกัด 8 ทิศ (±2/±3px) → ③ `elementsFromPoint` เจาะผ่าน overlay ที่ไร้ text (SVG ของ InkLayer/มาร์ก/กรอบ) จับ span ข้อความใต้จุด → ④ span ของหน้านั้นที่**ใกล้สุดแนวตั้ง ≤40px** (`NEAREST_SPAN_MAX_PX` — เกินถือว่าจุดนั้นไม่มีข้อความจริง) — หมดทั้ง 4 ชั้นค่อย bail เป็น tap ธรรมดา; **ระหว่างลาก (ทุก rAF frame) ใช้เฉพาะชั้น ①② ที่ถูก** — หาไม่เจอ (ลากผ่านพื้นที่ว่าง/ช่องว่างระหว่างหน้า) ให้**คง focus เดิมจาก frame ก่อน** (`dragRef.lastFocus`) แทน re-scan ด้วยชั้นแพง — selection หยุดรอที่ข้อความสุดท้ายแล้วขยายต่อเมื่อนิ้วถึงข้อความอีก (cache รายชื่อ span ต่อ 1 gesture สำหรับชั้น ④) (2) `lastRef` (payload commit ล่าสุด) **เคลียร์เฉพาะตอน pointerdown, finish และเมื่อหน้า anchor ถูก virtualization unmount กลางลาก (`anchorPageEl.isConnected === false` — rects ของ detached nodes ว่างหมด ต้องไม่ commit ของเก่าเงียบ ๆ) เท่านั้น** — frame ที่ `rectsInSweptPath` กรองว่าง (ลากเร็ว sample ห่าง/นิ้วสั่นตอนปล่อย) ล้างแค่ preview เพื่อให้ pointerup ยัง commit selection ล่าสุดที่ไม่ว่างได้ (3) ลากล้ำเข้าหน้าถัดไป (range คร่อม 2 หน้า → หา `[data-page]` ไม่ได้) **ห้าม bail** — `clampToAnchorPage`: clamp ฝั่ง focus ไปท้ายหน้า anchor (ลากลง) หรือต้นหน้า anchor (ลากขึ้น) ด้วย text node แรก/สุดท้ายของ textLayer หน้า anchor (`anchorPageEl` เก็บตั้งแต่ pointerdown, boundary cache ต่อ gesture ใน `clampBounds` — ห้ามเดิน TreeWalker ใหม่ทุก rAF frame) — selection จบที่ขอบหน้า anchor แทนการหายทั้งเส้น
+- **จอสัมผัส (iOS/Android) + tool highlight ใช้ custom selection ผ่าน `hooks/useCustomSelection.ts`** (ไม่พึ่ง native selection ของ OS อีก — OS ยึด gesture ปล่อยนิ้วไปแสดงเมนู/handles เอง ทำให้ commit-on-release ทำไม่ได้): เปิดเฉพาะอุปกรณ์ที่ `matchMedia("(pointer: coarse)")` จริง (`enabled = tool highlight + coarse` — **desktop ใช้ native mouse selection + commit ตอน mouseup ตามเดิม ไม่เปลี่ยน**; tool อื่นบนจอสัมผัสก็ native selection + long-press copy ของ OS ตามปกติ) — Pointer Events ชุดเดียวคุม mouse+touch บน `<main>`: `pointerdown` เก็บ anchor caret (จาก `caretRangeFromPoint` → fallback `caretPositionFromPoint` → ไม่มี = bail เงียบ ๆ; ต้องเป็น text node + เริ่มบน `.textLayer` เท่านั้น) ยังไม่ทำอะไร → เลย threshold **8px** จึง `setPointerCapture` + เริ่ม select จริง (**จับ pointer ตอนเริ่ม select ไม่ใช่ pointerdown** — capture ตั้งแต่กดจะ retarget click ไป container จน tap เลือก annotation/ปุ่ม pin ใช้ไม่ได้; tap ที่ไม่ขยับ = ไม่ capture click ไปถึงเป้าหมายตามเดิม และ click หลังลากจริง retarget ไป main = ไม่หลุดเข้า handlePageClick) — ระหว่างลาก: อ่าน focus caret ที่จุดนิ้ว**เลื่อนขึ้นเท่า offset ของ gesture** (เฉพาะ pointerType touch — นิ้วบังข้อความ; offset = `min(FINGER_OFFSET_PX=12, ครึ่งความสูงบรรทัด−2)` คำนวณครั้งเดียวตอน pointerdown จาก span ของ anchor ผ่าน `fingerOffsetFor` — บรรทัด PDF บน tablet zoom-fit สูงแค่ ~14px การหักตายตัว 12px ทำ probe หลุดขอบบนบรรทัดไปโดน heading จนลากแนวนอนแล้วเงียบ, รายงาน 2026-09-28; บรรทัดใหญ่ ≥28px ยังได้ 12 เท่าเดิม), **word snap** ขอบคำทั้ง anchor/focus (`Intl.Segmenter` แยกคำไทยได้ → fallback regex `\S+`, กลางช่องว่าง = ไม่ขยาย; หลัง snap แล้ว `rangeBetween` ประกบ anchor↔focus โดยฝั่งหลังใช้ boundary **end** ของ range ครอบคำ — ใช้ start จะทิ้งคำท้าย "ลาก alpha→gamma ได้แค่ alpha beta" และลากในคำเดียวได้ selection ว่าง, A1 2026-09-28), live preview ผ่าน **rAF throttle** (Range → `getClientRects` → `rectsInSweptPath` กรองแนวเส้นทางนิ้ว — จุด start/end ถูก **snap เข้า center บรรทัดใกล้สุดก่อนตัดสิน** กันพิกัดนิ้วที่คนละบรรทัดแต่ dy น้อยถูกตีเป็นบรรทัดเดียวจนกรองได้ 0 rect, A3 2026-09-28 — ใช้ร่วมกับ desktop เหมือนเดิม มี unit tests ที่ tests/utils/coordinates.test.ts) → `rectToPercent`+`mergeRectsByLine` — รูปร่างเดียวกับ liveMark ส่งเข้า PdfPage ทดแทนตอนมีค่า `customSelPreview ?? liveMark` — **จุดเส้นทางที่ใช้กรองต้องเป็นจุดเดียวกับที่หา caret (จอสัมผัส = จุด y−offset ของ gesture)**: จุดเริ่มเก็บเป็น**สัดส่วน 0–1 ของหน้า anchor** (`anchorRel` — ตำแหน่ง probe ที่ resolve anchor สำเร็จ) แล้วแปลงกลับเป็นพิกัดจอ**ใหม่ทุกเฟรม**ด้วย rect ปัจจุบันของหน้า (พิกัด client คงที่โกหกทันทีที่ auto-scroll เลื่อนเนื้อหากลางลาก จนบรรทัดต้นทางหายจากทั้ง preview และค่าที่บันทึก, A2 2026-09-28) ส่วน `pathEnd` = จุด focus ที่หัก offset แล้ว ใช้ทั้งใน preview และ payload commit — ใช้พิกัดนิ้ว raw ตรง ๆ จะคลาดเท่า offset จนบรรทัดเป้าหมายโดน lineTol ตัดทิ้ง (ลากขึ้น) หรือมาร์กเกิน (ลากลง) เมื่อฟอนต์เล็ก), **auto-scroll** rAF loop เมื่อนิ้วใกล้ขอบทั้ง 4 ด้านของพื้นที่เอกสาร (rect ของ `<main>` ใต้ header ไม่ใช่ขอบจอ) 60px — เลื่อน scroll container ของ `<main>` ทั้งแกนตั้ง/แนวนอน แล้วคำนวณ preview ใหม่ที่จุดนิ้วเดิม — **`pointerup` = commit ทันที**ผ่าน `onCommit(range,start,end)` → `handleCustomSelectionCommit` (ยืม `selDragStart/EndRef` ชั่วคราว + `readTextSelection(pi, { withText: true, range })` ชุดเดียวกับ desktop) → `commitHighlight` — **ไม่มีปุ่มยืนยันลอย/debounce/snapshot ใน ref อีกต่อไป** (selectionchange ของ tool highlight บน coarse ไม่ยิงเพราะไม่มี native selection); ระหว่าง enabled ให้ `<main>` ได้ class `.pdf-custom-select` (globals.css: `user-select`/`-webkit-user-select`/`-webkit-touch-callout: none` + `touch-action: none` กัน browser ยึด gesture เป็น scroll → pointercancel; restore `user-select:text` ให้ input/textarea/contenteditable ใต้ main) **ถอดทันที**เมื่อ tool เปลี่ยน/ปิด — ผลคือช่วง tool highlight บนจอสัมผัส **ลากที่ไหนก็ไม่เลื่อนหน้า** (gesture เป็นของ selection หมด เลื่อนหน้าต่อได้ด้วย auto-scroll ระหว่างลาก หรือสลับ tool) — เคลียร์ state ครบทุกทาง: pointerup/pointercancel (cancel = ทิ้ง selection ไม่ commit), enabled เปลี่ยน, unmount — ยกเลิก rAF ทั้ง preview/auto-scroll ไม่มี loop ค้าง — **pointerup/pointercancel ผูกเป็นตาข่ายระดับ document แบบ capture phase** (`armDocUpListeners` ตั้งแต่ pointerdown ที่เริ่ม gesture จนถึง finish — รวม tap ที่ไม่ activate ไม่งั้น dragRef ค้าง) แทนการผูกที่ `<main>`: Chromium กับ touch ถอด pointer capture กลาง drag ได้เอง พอ capture หาด pointerup ยิงที่ element ใต้นิ้วจริงซึ่งอาจอยู่นอก `<main>` (code review 2.1 2026-09-28) — และ**ห้ามผูก finish เข้า `lostpointercapture`**: กับ touch ของ Chromium event นี้ยิงกลาง drag ได้เอง (re-hit-test ของ touch pointer ที่ implicit capture อยู่ที่ span) ผูกแล้ว dragRef ถูกเคลียร์กลางทางจน gesture ทุกตัวเงียบหมด — ยืนยันด้วย Playwright + CDP touch 2026-09-28 (ข้อ A7.3 ของ review ไม่ใช้); ชั้น ③④ ของ resolver วาง caret ตาม**สัดส่วน x ใน span** (`caretInSpanAt`) ไม่ใช่ต้น span เสมอ (pdf.js มักครอบทั้งบรรทัดใน span เดียว — วางต้น span จน anchor เด้งไปต้นบรรทัด, A5) — **กัน "ลากแล้วบางทีไม่ commit" ด้วยกลไก 3 จุด** (bug report 2026-09-15): (1) การหา caret เป็น 4 ชั้นเรียงตามต้นทุน (`resolveTextCaretDeep` — ใช้**เฉพาะตอน pointerdown** กับทั้งจุดชดเชยนิ้ว y−12 และจุดแตะจริง; หลัง resolve สำเร็จครั้งแรกถ้า `fingerOffsetFor` ได้ offset น้อยกว่า 12 จะ resolve anchor ซ้ำที่ y−offset จริง — กัน anchor ค้างอยู่บรรทัดที่ probe −12 พลาดไปโดน): ① `caretRangeFromPoint`/`caretPositionFromPoint` → startContainer เป็น Element (จุดตก gap/padding ระหว่าง span) ให้ดำดิ่งหา text node ผ่าน `childNodes[startOffset]` + `findFirstTextNode` DFS → ② retry ขยับพิกัด 8 ทิศ (±2/±3px) → ③ `elementsFromPoint` เจาะผ่าน overlay ที่ไร้ text (SVG ของ InkLayer/มาร์ก/กรอบ) จับ span ข้อความใต้จุด → ④ span ของหน้านั้นที่**ใกล้สุดแนวตั้ง ≤40px** (`NEAREST_SPAN_MAX_PX` — เกินถือว่าจุดนั้นไม่มีข้อความจริง) — หมดทั้ง 4 ชั้นค่อย bail เป็น tap ธรรมดา; **ระหว่างลาก (ทุก rAF frame) ใช้เฉพาะชั้น ①② ที่ถูก และ retry แค่ 2 ทิศแรก** (`resolveTextCaret(x, y, 2)` — retry ครบ 8 ทิศเปลือง ~6ms/เฟรม เอาไว้เฉพาะ pointerdown ที่ anchor ต้องเจอ, B1 2026-09-28) — หาไม่เจอ (ลากผ่านพื้นที่ว่าง/ช่องว่างระหว่างหน้า) ให้**คง focus เดิมจาก frame ก่อน** (`dragRef.lastFocus`) แทน re-scan ด้วยชั้นแพง — selection หยุดรอที่ข้อความสุดท้ายแล้วขยายต่อเมื่อนิ้วถึงข้อความอีก (ชั้น ④ ใช้ cache พิกัด span **สัมพัทธ์ของหน้า** วัดครั้งเดียวต่อ gesture — `getBoundingClientRect` ทั้งหน้าแพง ~2.3ms/ครั้ง, บวก rect ปัจจุบันของหน้าคืนตอนใช้จึงทน auto-scroll, B2; ต้องส่ง `d` ตรง ๆ ให้ resolver ไม่ใช่ object ห่อใหม่ — ไม่งั้น cache ไม่ถูกเก็บกลับ) (2) `lastRef` (payload commit ล่าสุด) **เคลียร์เฉพาะตอน pointerdown, finish, เมื่อ range กลายเป็น collapsed (ผู้ใช้ย่อ selection จนว่างจริง — ปล่อยนิ้วต้องไม่ commit ให้ตรงกับ preview, A4 2026-09-28) และเมื่อหน้า anchor ถูก virtualization unmount กลางลาก (`anchorPageEl.isConnected === false` — rects ของ detached nodes ว่างหมด ต้องไม่ commit ของเก่าเงียบ ๆ) เท่านั้น** — frame ที่ `rectsInSweptPath` กรองว่าง (ลากเร็ว sample ห่าง/นิ้วสั่นตอนปล่อย) ล้างแค่ preview เพื่อให้ pointerup ยัง commit selection ล่าสุดที่ไม่ว่างได้ (3) ลากล้ำเข้าหน้าถัดไป (range คร่อม 2 หน้า → หา `[data-page]` ไม่ได้) **ห้าม bail** — `clampToAnchorPage`: clamp ฝั่ง focus ไปท้ายหน้า anchor (ลากลง) หรือต้นหน้า anchor (ลากขึ้น) ด้วย text node แรก/สุดท้ายของ textLayer หน้า anchor (`anchorPageEl` เก็บตั้งแต่ pointerdown, boundary cache ต่อ gesture ใน `clampBounds` — ห้ามเดิน TreeWalker ใหม่ทุก rAF frame) — selection จบที่ขอบหน้า anchor แทนการหายทั้งเส้น
 - **tap/คลิกที่ใช้ "ปิดเมนู" ต้องไม่สร้างรายการ**: outside-click ปิดเมนูที่ `mousedown` ก่อน `click` ยิงถึง page wrapper ทำให้ tool comment/textbox/stamp วางรายการจาก tap ปิดเมนูโดยไม่ตั้งใจ — `handlePageClick` เช็ค `menuClosedAtRef` (เขียนทุก path ปิดเมนูผ่าน `markMenuClosed`: outside-click/Escape/switchTool/เลื่อนแถบ/resize; ยกเว้นคีย์ B ปิดเมนูเพื่อเปิด popup bookmark — คีย์บอร์ดไม่มี click หลงเหลือให้กลืน และยกเว้นการเลือกแถวเดี่ยวในเมนู (รูปแบบมาร์ก/ชนิดปากกา/ชนิดรูปทรง/preset ตรายาง — UX audit 2026-09-22) ที่ปิดเมนูด้วย setState ตรง ๆ ไม่ผ่าน markMenuClosed: tap นั้นอยู่บนเมนูเองไม่มี click หลงเหลือถึงหน้า และผู้ใช้เลือกค่าแล้วตั้งใจแตะหน้าวางต่อทันที — ส่วนแถวปรับค่า สี/ความหนา/ความทึบ/ขนาด ยังคงเมนูเปิดให้ปรับต่อ) และเฉย 300ms แรก คลิกที่สองค่อยวาง (มาตรฐาน dropdown ทั่วไป ใช้ทั้ง desktop และ touch)
 - **popup บนหน้าเปิดได้ทีละชุด ห้ามค้างเปิดซ้อนกัน** (bug "กดแก้ไขแล้วกดปุ่ม tool popup ไม่ปิด/ซ้อนกัน"): ปุ่ม dropdown ทั้ง 5 **เรียก `switchTool` เสมอแม้เป็น tool เดิม** (จำ intent เปิด/พับเมนูไว้ก่อนเรียก เพราะ `switchTool` ปิดเมนูทุกตัว) เนื่องจาก `switchTool` เป็นที่เดียวที่เคลียร์ popup บนหน้าทั้งหมด — composer/pin popover/แผง selection/editing comment·textbox + popup bookmark (`setBookmarkComposer(null)`); **สร้างรายการแล้ว auto-select (`AUTO_SELECT_TYPES`) ก็ปิดเมนู+popup bookmark เช่นกัน** — บน iOS การลาก (คลุมข้อความ/วาดเส้น) ไม่ยิง compat mousedown ให้ outside-click ปิดเมนูเอง (Android/desktop ปิดตั้งแต่เริ่มกดแล้ว) ไม่ปิดตรงนี้ = เมนูค้างเปิดซ้อนแผงที่โผล่หลังสร้าง; คลิกหน้าว่าง (`handlePageClick`) ปิด popover ของ pin + popup bookmark; เลือกรายการอื่น (`handleSelectAnnotation`/`goToAnnotation`) ปิด popover เดิม; popover ของ COMMENT เปิดอยู่ (`openPinId === selectedId`) = **ไม่ render กรอบ selection/แผงเครื่องมือของตัวนั้น** — bbox ของ COMMENT ครอบพื้นที่ pin พอดี แผงจะทับ popover และแถบ handle บังการคลิก (sidebar ยังตาม `selectedId` ไฮไลต์เหมือนเดิม)
 - **คลุมข้อความได้ 5 tool** (`TEXT_SELECTION_TOOLS` set ใน PDFViewer: select/highlight/comment/textbox/stamp — ที่เหลือ textLayer ปิด pointer-events คลุมไม่ได้): ทั้งหมด inject `<style>` ซ่อน native selection + ฟัง `selectionchange` วาดของเราเอง (highlight = preview มาร์ก, ที่เหลือ = selection สีฟ้า) + tracking เส้นทางลาก (`selDragStart/EndRef` ที่ mousedown/move) + Ctrl+C กรองข้อความตามเส้นทาง — comment/textbox/stamp ปล่อยเมาส์จากการลากคลุม**ไม่วางรายการ** (guard `!selection.isCollapsed` ต้น `handlePageClick`: click ที่ยิงต่อจาก drag คลุมต้องเฉยไป เหมือน tool เลือก คลิกล้วน ๆ ต่างหากที่เปิด composer/วางตรายาง)
diff --git a/hooks/useCustomSelection.ts b/hooks/useCustomSelection.ts
index 9c5ee07..58fea03 100644
--- a/hooks/useCustomSelection.ts
+++ b/hooks/useCustomSelection.ts
@@ -23,8 +23,24 @@ const CONTAINER_CLASS = "pdf-custom-select";
  *  ไม่ capture pointer ไม่สร้าง selection — click ของ annotation/pin ใช้ได้ตามเดิม) */
 const MOVE_THRESHOLD_PX = 8;
 /** อ่าน caret จากจุด y ตรงนิ้วเลื่อนขึ้น 12px — นิ้วบังข้อความที่กำลังเลือก
- *  (เฉพาะ pointerType touch; เมาส์/สไตลัสชี้แม่นอยู่แล้ว) */
+ *  (เฉพาะ pointerType touch; เมาส์/สไตลัสชี้แม่นอยู่แล้ว) — ค่านี้เป็น "เพดาน" เท่านั้น:
+ *  offset จริงของแต่ละ gesture ถูก cap ด้วยความสูงบรรทัดผ่าน fingerOffsetFor (บรรทัด
+ *  PDF บน tablet zoom-fit สูงแค่ ~14px — หักตายตัว 12px ทำ probe หลุดขอบบนบรรทัด
+ *  ไปโดน heading/บรรทัดอื่น จนลากแนวนอนบรรทัดเดียวแล้วเงียบไม่สร้างมาร์ก — รายงาน
+ *  2026-09-28) */
 const FINGER_OFFSET_PX = 12;
+
+/** offset ของ gesture นี้ = min(12, ครึ่งความสูงบรรทัด − 2) วัดจาก span ของ anchor
+ *  ที่ resolve ได้ (span ของ textLayer สูงเท่าบรรทัด) — บรรทัดใหญ่ (≥28px) ได้ 12 เท่า
+ *  เดิม, บรรทัดเตี้ย 14px ได้ 5px จนยังอยู่ในบรรทัด; วัดไม่ได้ = 12 ตามเดิม */
+function fingerOffsetFor(caret: Range): number {
+  const node = caret.startContainer;
+  const el = node instanceof Element ? node : node.parentElement;
+  const span = el?.closest(".textLayer span");
+  const h = span?.getBoundingClientRect().height ?? 0;
+  if (!(h > 4)) return FINGER_OFFSET_PX;
+  return Math.min(FINGER_OFFSET_PX, Math.max(2, h / 2 - 2));
+}
 /** นิ้วอยู่ใกล้ขอบของพื้นที่เอกสาร (ทั้ง 4 ด้าน) แค่นี้ = auto-scroll ต่อ (rAF loop) */
 const AUTOSCROLL_MARGIN_PX = 60;
 const AUTOSCROLL_MAX_SPEED_PX = 12;
@@ -75,11 +91,23 @@ function findFirstTextNode(node: Node): Node | null {
   return null;
 }
 
+/** ทิศ retry ของ resolveTextCaret — รอยต่อระหว่าง span บางกว่า 2–3px มักพอ */
+const RETRY_OFFSETS: ReadonlyArray<readonly [number, number]> = [
+  [0, -2], [0, 2], [-2, 0], [2, 0],
+  [0, -3], [0, 3], [-3, 0], [3, 0],
+];
+
 /** เหมือน caretFromPoint แต่ guarantee ว่าถ้าหา text node ได้จะคืน Range ที่
  *  startContainer เป็น TEXT_NODE เสมอ — กันเคสตกรอยต่อ span/margin/padding
  *  ที่ caretRangeFromPoint คืน element แทน text node (ทำ onPointerDown bail
- *  เงียบจน drag ไม่เริ่มเลย — bug report จุดที่ 1) */
-function resolveTextCaret(x: number, y: number): Range | null {
+ *  เงียบจน drag ไม่เริ่มเลย — bug report จุดที่ 1)
+ *  maxRetries: ระหว่างลากส่งค่าน้อย (2) — fail แล้วมีทางออกอยู่แล้วคือคง
+ *  lastFocus ของเฟรมก่อน ไม่ควรเสีย ~6ms/เฟรม retry ครบ 8 ทิศเหมือนตอนกด (B1) */
+function resolveTextCaret(
+  x: number,
+  y: number,
+  maxRetries = RETRY_OFFSETS.length,
+): Range | null {
   const first = caretFromPoint(x, y);
   const fromElement = (r: Range | null): Range | null => {
     if (!r) return null;
@@ -93,6 +121,9 @@ function resolveTextCaret(x: number, y: number): Range | null {
     const textNode =
       child?.nodeType === Node.TEXT_NODE ? child : findFirstTextNode(child ?? el);
     if (!textNode) return null;
+    // container ใหญ่จน DFS หลุดออกนอก textLayer (เช่นตก page div) — text node
+    // แรกของหน้าไม่ใช่ข้อความที่จุดนั้น ทิ้งดีกว่าเด้งไปมุมบนซ้าย (A6)
+    if (!textNode.parentElement?.closest(".textLayer")) return null;
     const nr = document.createRange();
     nr.setStart(textNode, 0);
     nr.collapse(true);
@@ -102,12 +133,8 @@ function resolveTextCaret(x: number, y: number): Range | null {
   const resolved = fromElement(first);
   if (resolved) return resolved;
 
-  // ยังไม่เจอ — retry ขยับพิกัดรอบจุดเดิม (รอยต่อบางกว่า 2-3px มักพอ)
-  const offsets: Array<[number, number]> = [
-    [0, -2], [0, 2], [-2, 0], [2, 0],
-    [0, -3], [0, 3], [-3, 0], [3, 0],
-  ];
-  for (const [dx, dy] of offsets) {
+  // ยังไม่เจอ — retry ขยับพิกัดรอบจุดเดิม
+  for (const [dx, dy] of RETRY_OFFSETS.slice(0, maxRetries)) {
     const r = fromElement(caretFromPoint(x + dx, y + dy));
     if (r) return r;
   }
@@ -118,17 +145,32 @@ function resolveTextCaret(x: number, y: number): Range | null {
  *  ข้อความอยู่บริเวณนั้นจริง ๆ (กลาง margin กว้าง ๆ ของหน้า) ค่อย bail */
 const NEAREST_SPAN_MAX_PX = 40;
 
-/** cache รายชื่อ span ของหน้า ต่อ 1 gesture — query ครั้งเดียว (textLayer ไม่
- *  เปลี่ยนระหว่างลาก) ใช้กับการหา span ใกล้สุดเฉพาะตอน pointerdown */
-type SpanCache = { pageEl: HTMLElement; spans: Element[] } | null;
+/** รายการ span ของหน้าพร้อมพิกัดแบบสัดส่วน 0–1 ของหน้า — วัดครั้งเดียวต่อ gesture
+ *  (getBoundingClientRect ทั้งหน้า ~3,000 span แพง ~2.3ms ต่อครั้ง) เก็บเป็น
+ *  fraction แบบเดียวกับ anchorRel: ทนทั้งการเลื่อนหน้าระหว่างลาก และ re-fit
+ *  ความกว้างหน้ากลาง gesture (นิ้วที่สอง toggle sidebar — code review 2.3
+ *  2026-09-28) โดยบวก rect ปัจจุบันของหน้าคืนตอนใช้ (B2) */
+type SpanItem = {
+  el: Element;
+  top: number;
+  bottom: number;
+  left: number;
+  right: number;
+};
+type SpanCache = { pageEl: HTMLElement; items: SpanItem[] } | null;
 
-/** caret ที่ต้น text node แรกของ span — offset 0 พอ (กลางคำก็ได้ เพราะ
- *  snapCaretToWord จะขยายเต็มคำให้อยู่แล้ว) */
-function caretAtSpanStart(span: Element): Range | null {
+/** caret ใน span ที่ตำแหน่งสัดส่วน x (0–1) ของความกว้าง span — ชั้น 3–4 ของ
+ *  resolver เดิมวางที่ต้น span เสมอ (pdf.js มักครอบทั้งบรรทัดใน span เดียว) จน
+ *  anchor/focus เด้งไปต้นบรรทัดแทนตำแหน่งนิ้ว; ประมาณ offset จากสัดส่วนตัวอักษร
+ *  (ฟอนต์ไม่ monospace คลาดได้เล็กน้อย — snapCaretToWord ปรับลงขอบคำให้)
+ *  len−1 กัน offset ตกท้าย text node ที่ word snap ไม่ขยาย (A5) */
+function caretInSpanAt(span: Element, ratio: number): Range | null {
   const t = findFirstTextNode(span);
-  if (!t) return null;
+  const len = t?.textContent?.length ?? 0;
+  if (!t || len === 0) return null;
+  const off = Math.min(len - 1, Math.max(0, Math.round(ratio * len)));
   const r = document.createRange();
-  r.setStart(t, 0);
+  r.setStart(t, off);
   r.collapse(true);
   return r;
 }
@@ -143,7 +185,8 @@ function spanFromPointStack(x: number, y: number): Range | null {
     // เฉพาะ span ของ textLayer เท่านั้น (ตัว container .textLayer เองไม่ใช่ —
     // จุดไม่ได้อยู่บน span ไหนเลยเป็นงานของการหาใกล้สุดในชั้นถัดไป)
     if (el.tagName !== "SPAN" || !el.closest(".textLayer")) continue;
-    const caret = caretAtSpanStart(el);
+    const rc = el.getBoundingClientRect();
+    const caret = caretInSpanAt(el, rc.width > 0 ? (x - rc.left) / rc.width : 0);
     if (caret) return caret;
   }
   return null;
@@ -161,28 +204,43 @@ function nearestSpanCaret(
   const pageEl =
     document.elementFromPoint(x, y)?.closest<HTMLElement>("[data-page]") ?? null;
   if (!pageEl) return null;
+  const pr = pageEl.getBoundingClientRect();
   if (!cache.spanCache || cache.spanCache.pageEl !== pageEl) {
-    cache.spanCache = {
-      pageEl,
-      spans: Array.from(pageEl.querySelectorAll(".textLayer span")),
-    };
+    const items: SpanItem[] = [];
+    for (const el of Array.from(pageEl.querySelectorAll(".textLayer span"))) {
+      const r = el.getBoundingClientRect();
+      if (r.width === 0 && r.height === 0) continue;
+      items.push({
+        el,
+        top: (r.top - pr.top) / pr.height,
+        bottom: (r.bottom - pr.top) / pr.height,
+        left: (r.left - pr.left) / pr.width,
+        right: (r.right - pr.left) / pr.width,
+      });
+    }
+    cache.spanCache = { pageEl, items };
   }
-  let best: Element | null = null;
+  // จุดเป็น fraction เดียวกับ cache — pr อ่านใหม่ทุกครั้งจึงตามทั้งการเลื่อนหน้า
+  // และ re-fit ความกว้าง; รัศมีค้นหา (px) แปลงเป็น fraction ของความสูงหน้าปัจจุบัน
+  const fx = (x - pr.left) / pr.width;
+  const fy = (y - pr.top) / pr.height;
+  const maxDy = NEAREST_SPAN_MAX_PX / pr.height;
+  let best: SpanItem | null = null;
   let bestDy = Infinity;
   let bestDx = Infinity;
-  for (const s of cache.spanCache.spans) {
-    const r = s.getBoundingClientRect();
-    if (r.width === 0 && r.height === 0) continue;
-    const dy = y < r.top ? r.top - y : y > r.bottom ? y - r.bottom : 0;
-    if (dy > NEAREST_SPAN_MAX_PX) continue;
-    const dx = Math.abs(r.left + r.width / 2 - x);
+  for (const it of cache.spanCache.items) {
+    const dy = fy < it.top ? it.top - fy : fy > it.bottom ? fy - it.bottom : 0;
+    if (dy > maxDy) continue;
+    const dx = Math.abs((it.left + it.right) / 2 - fx);
     if (dy < bestDy || (dy === bestDy && dx < bestDx)) {
-      best = s;
+      best = it;
       bestDy = dy;
       bestDx = dx;
     }
   }
-  return best ? caretAtSpanStart(best) : null;
+  if (!best) return null;
+  const w = best.right - best.left;
+  return caretInSpanAt(best.el, w > 0 ? (fx - best.left) / w : 0);
 }
 
 /** resolveTextCaret ครบทั้ง 4 ชั้น (เรียงตามต้นทุน): caret API + ขยับ ±3px →
@@ -216,7 +274,8 @@ function getSegmenter(): Intl.Segmenter | null {
  *  กลางคำแล้วได้ทั้งคำ เหมือน selection ของ OS) — ใช้ Intl.Segmenter ถ้ามี (แยกคำ
  *  ไทยได้ด้วย dictionary) fallback เป็น regex \S+ — ถ้า caret อยู่บนช่องว่างล้วน
  *  หรือไม่ใช่ text node = ไม่ขยาย */
-function snapCaretToWord(caret: Range): void {
+// export เพื่อ unit test (tests/hooks/) — ตัว hook เองยังใช้ภายในอย่างเดียว
+export function snapCaretToWord(caret: Range): void {
   const node = caret.startContainer;
   if (node.nodeType !== Node.TEXT_NODE) return;
   const text = node.textContent ?? "";
@@ -244,16 +303,21 @@ function snapCaretToWord(caret: Range): void {
 }
 
 /** Range จาก caret สองจุด (จัดลำดับ start/end ให้ถูกทิศการลาก) — null เมื่อคนละ
- *  tree จน compare ไม่ได้ */
-function rangeBetween(a: Range, b: Range): Range | null {
+ *  tree จน compare ไม่ได้
+ *  ฝั่งหลัง (b หรือ a ตามทิศ) ต้องใช้ boundary **end** ไม่ใช่ start: anchor/focus
+ *  ผ่าน snapCaretToWord แล้วเป็น range ครอบคำ (ไม่ collapsed) การอ่าน start จะตัด
+ *  คำท้ายทิ้ง (ลาก alpha→gamma ได้แค่ alpha beta) และลากในคำเดียว (a==b) จะได้
+ *  selection ว่าง — bug report A1 2026-09-28 */
+// export เพื่อ unit test (tests/hooks/) — ตัว hook เองยังใช้ภายในอย่างเดียว
+export function rangeBetween(a: Range, b: Range): Range | null {
   const r = document.createRange();
   try {
     if (a.compareBoundaryPoints(Range.START_TO_START, b) <= 0) {
       r.setStart(a.startContainer, a.startOffset);
-      r.setEnd(b.startContainer, b.startOffset);
+      r.setEnd(b.endContainer, b.endOffset);
     } else {
       r.setStart(b.startContainer, b.startOffset);
-      r.setEnd(a.startContainer, a.startOffset);
+      r.setEnd(a.endContainer, a.endOffset);
     }
   } catch {
     return null;
@@ -312,16 +376,24 @@ function clampToAnchorPage(
 type DragState = {
   pointerId: number;
   pointerType: string;
+  /** ระยะหักขึ้นของจุด probe (เฉพาะ touch — กันนิ้วบังข้อความ) คำนวณครั้งเดียวตอน
+   *  pointerdown จากความสูงบรรทัดของ anchor (fingerOffsetFor) ใช้ทั้ง probe
+   *  ระหว่างลากและเส้นทางกรอง rect; เมาส์/สไตลัส = 0 */
+  fingerOffset: number;
   /** จุด pointerdown จริง (client) — ground truth ของเส้นทางลาก ใช้กรอง rect */
   anchorPt: ClientPt;
   /** ตำแหน่ง pointer ล่าสุด */
   curPt: ClientPt;
   /** caret ที่จุดกด (word-snap ตอนเริ่ม select จริง — ครั้งเดียว) */
   anchor: Range;
-  /** จุด probe ที่ resolve anchor ได้ (จอสัมผัส = จุด y−12 หรือจุดแตะจริงลูกใด
-   *  ลูกหนึ่ง) — ใช้เป็นต้นเส้นทางของ rectsInSweptPath ให้ตรงแนวกับ caret จริง
-   *  (ใช้พิกัดนิ้ว raw ตรง ๆ จะคลาด 12px จนบรรทัดเป้าหมายโดนกรองทิ้ง — code review 🚨) */
-  anchorPathPt: ClientPt;
+  /** จุด probe ที่ resolve anchor ได้ เก็บเป็นสัดส่วน 0–1 ของหน้า anchor (จอสัมผัส =
+   *  จุด y−offset หรือจุดแตะจริงลูกใดลูกหนึ่ง) — แปลงกลับเป็นพิกัดจอใหม่ทุกเฟรม
+   *  เพื่อเป็นต้นเส้นทางของ rectsInSweptPath ให้ตรงแนวกับ caret จริง (ใช้พิกัดนิ้ว
+   *  raw ตรง ๆ จะคลาดเท่า offset จนบรรทัดเป้าหมายโดนกรองทิ้ง — code review 🚨;
+   *  เก็บเป็นสัดส่วนเพราะพิกัด client คงที่จะโกหกทันทีที่ auto-scroll เลื่อนเนื้อหา
+   *  กลางลาก จนบรรทัดต้นทางหายจากทั้ง preview และค่าที่บันทึก — bug report A2
+   *  2026-09-28) */
+  anchorRel: { x: number; y: number };
   /** หน้าของ anchor — เก็บตั้งแต่ pointerdown (anchor ไม่ย้ายหน้าระหว่างลาก)
    *  ใช้ clamp ตอนลากล้ำเข้าหน้าถัดไป (จุดที่ 3 ของ bug report) */
   anchorPageEl: HTMLElement;
@@ -402,17 +474,19 @@ export function useCustomSelection({
         setPreviewRects(null);
         return;
       }
-      const y = d.curPt.y - (d.pointerType === "touch" ? FINGER_OFFSET_PX : 0);
+      const y = d.curPt.y - d.fingerOffset;
       // ระหว่างลากใช้เฉพาะชั้นถูกของ resolveTextCaret — ผ่านพื้นที่ว่าง (gap กว้าง /
       // ช่องว่างระหว่างหน้า) หาไม่เจอก็คง focus เดิมจาก frame ก่อนไว้แทน re-scan
       // ด้วยชั้นแพง (perf note ของ bug report — selection หยุดรอที่ข้อความสุดท้าย
       // แล้วขยายต่อเมื่อนิ้วถึงข้อความอีกครั้ง)
-      let focus = resolveTextCaret(d.curPt.x, y);
+      let focus = resolveTextCaret(d.curPt.x, y, 2);
       if (!focus) {
         d.failStreak++;
         // fail ต่อเนื่องเกิน 3 frame = ลองชั้นแพงกว่าก่อนยอม fallback ไปตำแหน่งเดิม
+        // (ส่ง d ตรง ๆ ให้ cache ที่ชั้นแพงสร้างถูกเก็บกลับที่ gesture ใช้ต่อ — เดิม
+        // ห่อ object ใหม่ทุกครั้ง cache จึงไม่เคยติด A7.5)
         if (d.failStreak > 3 && d.failStreak % 5 === 0) {
-          focus = resolveTextCaretDeep(d.curPt.x, y, { spanCache: d.spanCache });
+          focus = resolveTextCaretDeep(d.curPt.x, y, d);
         }
       }
       if (focus) {
@@ -431,7 +505,16 @@ export function useCustomSelection({
       }
       snapCaretToWord(focus);
       let range = rangeBetween(d.anchor, focus);
-      let pageEl = range && !range.collapsed ? pageOfRange(range) : null;
+      if (range && range.collapsed) {
+        // ผู้ใช้ย่อ selection จนว่างจริง (anchor==focus) — เคลียร์ payload ให้
+        // commit ตรงกับ preview เสมอ: ปล่อยนิ้วตอนนี้ = ไม่สร้างมาร์ก ต่างจาก
+        // frame ที่ rectsInSweptPath กรองว่าง "ชั่วคราว" ซึ่งยังคง lastRef ตาม
+        // เจตนาเดิมของ bug report จุดที่ 2 (A4)
+        lastRef.current = null;
+        setPreviewRects(null);
+        return;
+      }
+      let pageEl = range ? pageOfRange(range) : null;
       // ลากล้ำเข้าหน้าอื่น (คร่อม 2 หน้า หรือ focus ข้ามไปหน้าถัดไปแล้ว) — clamp
       // ฝั่ง focus ไว้ที่ท้าย/ต้นหน้าของ anchor แทนการทิ้ง selection ทั้งเส้น
       // (จุดที่ 3 ของ bug report — ข้ามเมื่อ range collapsed: anchor==focus ใน
@@ -448,18 +531,24 @@ export function useCustomSelection({
         return;
       }
       const rects = Array.from(range.getClientRects()).filter((r) => r.width > 0);
-      // เส้นทางกรองต้องอยู่แนวเดียวกับ caret ที่ selection อิง (จุด y−12 สำหรับ
-      // จอสัมผัส) — ใช้พิกัดนิ้ว raw ตรง ๆ แล้วคลาด 12px จนบรรทัดเป้าหมายโดน
+      // เส้นทางกรองต้องอยู่แนวเดียวกับ caret ที่ selection อิง (จอสัมผัส = จุดที่
+      // หัก fingerOffset แล้ว) — ใช้พิกัดนิ้ว raw ตรง ๆ แล้วคลาดจนบรรทัดเป้าหมายโดน
       // lineTol ตัดทิ้ง (ลากขึ้น) หรือบรรทัดสุดท้ายกลายเป็น "บรรทัดกลาง" จนมาร์ก
       // เกิน (ลากลง) เมื่อฟอนต์เล็ก/zoom ต่ำ (code review 🚨)
       const pathEnd: ClientPt =
         d.pointerType === "touch" ? { x: d.curPt.x, y } : d.curPt;
-      const kept = rectsInSweptPath(rects, d.anchorPathPt, pathEnd);
+      const pr = pageEl.getBoundingClientRect();
+      // ต้นเส้นทางแปลงจากสัดส่วนของหน้าใหม่ทุกเฟรม (A2) — anchor ต้องเลื่อนตาม
+      // เนื้อหาตอน auto-scroll ไม่ใช่ค้างที่พิกัดจอตอนกดนิ้ว
+      const anchorNow: ClientPt = {
+        x: pr.left + d.anchorRel.x * pr.width,
+        y: pr.top + d.anchorRel.y * pr.height,
+      };
+      const kept = rectsInSweptPath(rects, anchorNow, pathEnd);
       if (kept.length === 0) {
         setPreviewRects(null);
         return;
       }
-      const pr = pageEl.getBoundingClientRect();
       const rectsPct = mergeRectsByLine(
         kept.map((r) =>
           rectToPercent(
@@ -475,7 +564,7 @@ export function useCustomSelection({
       );
       lastRef.current = {
         range: range.cloneRange(),
-        start: d.anchorPathPt,
+        start: anchorNow,
         end: pathEnd,
       };
       const pageIndex = Number(pageEl.dataset.page);
@@ -519,7 +608,10 @@ export function useCustomSelection({
           Math.max(
             1,
             Math.ceil(
-              (into / AUTOSCROLL_MARGIN_PX) * AUTOSCROLL_MAX_SPEED_PX,
+              // cap ระยะเลยขอบที่ margin — นิ้วอยู่นอกพื้นที่เอกสารไกล ๆ ต้องไม่
+              // เร็วกว่า AUTOSCROLL_MAX_SPEED_PX (A7.1)
+              (Math.min(into, AUTOSCROLL_MARGIN_PX) / AUTOSCROLL_MARGIN_PX) *
+                AUTOSCROLL_MAX_SPEED_PX,
             ),
           );
         let dx = 0;
@@ -543,9 +635,9 @@ export function useCustomSelection({
       scrollRafRef.current = requestAnimationFrame(step);
     };
 
-    const seenMovePointerIds = new Set<number>();
-
     const onPointerDown = (e: PointerEvent) => {
+      // อุปกรณ์ hybrid (จอสัมผัส + เมาส์): คลิกขวา/กลางไม่ใช่การเริ่มเลือกข้อความ (A7.4)
+      if (e.pointerType === "mouse" && e.button !== 0) return;
       if (dragRef.current) {
         // นิ้วที่สองระหว่างลาก — ไม่สน รวมถึง touch ปลอมจาก palm rejection (มือ
         // ที่พักบนจอระหว่างลากด้วย pen) — ห้ามให้ pointer ตัวใหม่แทนที่ drag เดิม
@@ -580,16 +672,38 @@ export function useCustomSelection({
         // ธรรมดา ไม่เริ่ม selection (click ของ annotation/pin ทำงานตามเดิม)
         return;
       }
+      // offset จริงของ gesture นี้จากความสูงบรรทัดของ anchor ที่เพิ่ง resolve ได้ —
+      // บรรทัดเตี้ยกว่านิ้ว (span ที่ probe ที่ −12 โดนสูง < 28px) ให้หักน้อยลงแล้ว
+      // resolve anchor ใหม่ที่จุดที่หักจริง เพื่อไม่ให้ anchor ค้างบรรทัดที่ probe
+      // เต็มพลาดไปโดน; resolve ใหม่ไม่ได้ = ใช้ anchor เดิมต่อ — ขอบเขต: ถ้า probe
+      // ที่ −12 โดน span สูง ≥ 28px (เช่น heading ใหญ่เหนือบรรทัดเป้าหมาย) offset
+      // ยังเป็น 12 จึงไม่ re-resolve — anchor ค้าง heading ตาม heuristic เดิม
+      // (code review 2.2 2026-09-28: comment เดิมอ้างว่าแก้เคส heading — เกินจริง)
+      const fingerOffset =
+        e.pointerType === "touch" ? fingerOffsetFor(caret) : 0;
+      if (fingerOffset < FINGER_OFFSET_PX) {
+        const adjustedY = e.clientY - fingerOffset;
+        const re = resolveTextCaretDeep(e.clientX, adjustedY, cache);
+        if (re) {
+          caret = re;
+          resolvedY = adjustedY;
+        }
+      }
       const anchorPageEl = pageOfRange(caret);
       if (!anchorPageEl) return;
+      const anchorPr = anchorPageEl.getBoundingClientRect();
       // gesture ใหม่ = ล้างผลล่าสุดของ gesture ก่อน (จุดที่ 2 ของ bug report:
       // lastRef เคลียร์เฉพาะตรงนี้กับตอน finish เท่านั้น)
       lastRef.current = null;
       dragRef.current = {
         pointerId: e.pointerId,
         pointerType: e.pointerType,
+        fingerOffset,
         anchorPt: { x: e.clientX, y: e.clientY },
-        anchorPathPt: { x: e.clientX, y: resolvedY },
+        anchorRel: {
+          x: (e.clientX - anchorPr.left) / anchorPr.width,
+          y: (resolvedY - anchorPr.top) / anchorPr.height,
+        },
         curPt: { x: e.clientX, y: e.clientY },
         anchor: caret,
         anchorPageEl,
@@ -600,14 +714,13 @@ export function useCustomSelection({
         anchorSnapped: false,
         active: false,
       };
+      // arm ตั้งแต่ pointerdown ไม่ใช่ตอนเลย threshold — tap ที่ไม่ขยับ (ไม่
+      // active) ก็ต้องมีตาข่ายรับ pointerup ของตัวเอง ไม่งั้น dragRef ค้างจน
+      // gesture ถัดไปเงียบหมด (เจอจริงหลังย้าย listener ออกจาก el — e2e 2026-09-28)
+      armDocUpListeners();
     };
 
     const onPointerMove = (e: PointerEvent) => {
-      // pen/touch ยิง 60–120Hz ถ้า log ทุก event จะท่วม console และหน่วงเครื่อง
-      // จนเปลี่ยนพฤติกรรมที่กำลังวินิจฉัยอยู่เอง
-      if (!seenMovePointerIds.has(e.pointerId)) {
-        seenMovePointerIds.add(e.pointerId);
-      }
       const d = dragRef.current;
       if (!d || e.pointerId !== d.pointerId) return;
       d.curPt = { x: e.clientX, y: e.clientY };
@@ -628,11 +741,31 @@ export function useCustomSelection({
       schedulePreview();
     };
 
+    const onUp = (e: PointerEvent) => finish(e, true);
+    const onCancel = (e: PointerEvent) => finish(e, false);
+
+    /** ตาข่ายรับ pointerup/pointercancel ระดับ document (capture phase) — ผูกตั้งแต่
+     *  pointerdown ที่เริ่ม gesture จนถึง finish (รวม tap ที่ไม่ activate):
+     *  Chromium กับ touch ถอด pointer capture กลาง drag ได้เอง (lostpointercapture
+     *  ยิงทั้งที่ยังไม่ปล่อยนิ้ว — เห็นจริงใน e2e 2026-09-28) เมื่อ capture หาด
+     *  pointerup ยิงที่ element ใต้นิ้วจริง ซึ่งอาจอยู่นอก <main> (header/sidebar
+     *  ตอน auto-scroll ดันนิ้วค้างใกล้ขอบ) — ผูกที่ el อย่างเดียวจะไม่ได้ยิน จน
+     *  dragRef ค้างและ gesture ถัดไปทุกตัวเงียบหมด (code review 2.1 2026-09-28) */
+    const armDocUpListeners = () => {
+      document.addEventListener("pointerup", onUp, true);
+      document.addEventListener("pointercancel", onCancel, true);
+    };
+    const disarmDocUpListeners = () => {
+      document.removeEventListener("pointerup", onUp, true);
+      document.removeEventListener("pointercancel", onCancel, true);
+    };
+
     /** เคลียร์ state ทุกทาง — commit เฉพาะตอน pointerup ที่มี range ไม่ collapsed
      *  (pointercancel จาก gesture ของระบบ = ทิ้ง selection ไม่ commit) */
     const finish = (e: PointerEvent, commit: boolean) => {
       const d = dragRef.current;
       if (!d || e.pointerId !== d.pointerId) return;
+      disarmDocUpListeners();
       stopAutoScroll();
       stopPreviewRaf();
       if (d.active) {
@@ -649,17 +782,19 @@ export function useCustomSelection({
 
     el.addEventListener("pointerdown", onPointerDown);
     el.addEventListener("pointermove", onPointerMove);
-    const onUp = (e: PointerEvent) => finish(e, true);
-    const onCancel = (e: PointerEvent) => finish(e, false);
-    el.addEventListener("pointerup", onUp);
-    el.addEventListener("pointercancel", onCancel);
+    // pointerup/pointercancel ไม่ผูกที่ el — ใช้ตาข่าย document capture phase ต่อ
+    // ช่วง active (armDocUpListeners ด้านบน) เพื่อรอดเคส capture หลุดกลาง drag
+    // ห้ามผูก finish เข้า lostpointercapture: กับ touch ของ Chromium event นี้ยิง
+    // "กลาง drag" ได้เอง (การ re-hit-test ของ touch pointer ที่ implicit capture
+    // อยู่ที่ span ตั้งแต่ pointerdown แล้วถูกย้ายมา container ตอน setPointerCapture)
+    // ผูกแล้ว dragRef ถูกเคลียร์กลางทางจนทุก gesture เงียบหมด — ยืนยันด้วย
+    // Playwright + CDP touch แล้ว 2026-09-28 (A7.3 ของรายงาน review — ไม่ใช้)
 
     return () => {
       el.classList.remove(CONTAINER_CLASS);
       el.removeEventListener("pointerdown", onPointerDown);
       el.removeEventListener("pointermove", onPointerMove);
-      el.removeEventListener("pointerup", onUp);
-      el.removeEventListener("pointercancel", onCancel);
+      disarmDocUpListeners();
       stopAutoScroll();
       stopPreviewRaf();
       dragRef.current = null;
diff --git a/package-lock.json b/package-lock.json
index 08b5d75..3d3427a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
         "@types/react-dom": "^18.3.7",
         "autoprefixer": "^10.5.5",
         "drizzle-kit": "^0.31.10",
+        "jsdom": "^29.1.1",
         "postcss": "^8.5.28",
         "tailwindcss": "^3.4.19",
         "typescript": "^5.9.3",
@@ -47,6 +48,212 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "5.1.11",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-5.1.11.tgz",
+      "integrity": "sha512-KVw6qIiCTUQhByfTd78h2yD1/00waTmm9uy/R7Ck/ctUyAPj+AEDLkQIdJW0T8+qGgj3j5bpNKK7Q3G+LedJWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/generational-cache": "^1.0.1",
+        "@csstools/css-calc": "^3.2.0",
+        "@csstools/css-color-parser": "^4.1.0",
+        "@csstools/css-parser-algorithms": "^4.0.0",
+        "@csstools/css-tokenizer": "^4.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/dom-selector": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/dom-selector/-/dom-selector-7.1.1.tgz",
+      "integrity": "sha512-67RZDnYRc8H/8MLDgQCDE//zoqVFwajkepHZgmXrbwybzXOEwOWGPYGmALYl9J2DOLfFPPs6kKCqmbzV895hTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@asamuzakjp/generational-cache": "^1.0.1",
+        "@asamuzakjp/nwsapi": "^2.3.9",
+        "bidi-js": "^1.0.3",
+        "css-tree": "^3.2.1",
+        "is-potential-custom-element-name": "^1.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/generational-cache": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/generational-cache/-/generational-cache-1.0.1.tgz",
+      "integrity": "sha512-wajfB8KqzMCN2KGNFdLkReeHncd0AslUSrvHVvvYWuU8ghncRJoA50kT3zP9MVL0+9g4/67H+cdvBskj9THPzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/@asamuzakjp/nwsapi": {
+      "version": "2.3.9",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/nwsapi/-/nwsapi-2.3.9.tgz",
+      "integrity": "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@bramus/specificity": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/@bramus/specificity/-/specificity-2.4.2.tgz",
+      "integrity": "sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "^3.0.0"
+      },
+      "bin": {
+        "specificity": "bin/cli.js"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-6.1.2.tgz",
+      "integrity": "sha512-grhRy3OKmniaAEKXMjua5z/EODX0MSqBGjunw8+j/3HQjOnahs2AGhvEOIYVUWcU6ScApbhLhVrQTX8XqrMrow==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-3.4.1.tgz",
+      "integrity": "sha512-EtC7SoN1j6J4E4DCwg5QgbO5TGxgxIA1RXqe+W+qUM+BUcezx9wT+/tiQ/WO2yCX4i5X+Cuf9ciJ22aP4UEwWw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^4.0.1",
+        "@csstools/css-tokenizer": "^4.0.2"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-4.2.4.tgz",
+      "integrity": "sha512-DyefytAZ735mX4Dq/WcDAXFtXhaEFvme0ZS9tVEBAc2whxUthXr0R0L2rmEPm59SrMBkGrFzQviBXMs/UtnABQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^6.1.2",
+        "@csstools/css-calc": "^3.4.1"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^4.0.1",
+        "@csstools/css-tokenizer": "^4.0.2"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.1.tgz",
+      "integrity": "sha512-ShL8BqPfbKJrJiKFH0xBbN0i7Nrh9HXYRuF+pzyj93R/BL2YAsUxJeqANErzqM+0JGl7vjHp+3OIgd/DL69YIA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^4.0.2"
+      }
+    },
+    "node_modules/@csstools/css-syntax-patches-for-csstree": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.1.14.tgz",
+      "integrity": "sha512-HpbVXyrofRXpHpgkNIjU/3EWR4WJvOkO3emNK/L6X/mTJU7bGUI3AkkpoTNXznQLp0KRjLHELTGeKI5dIkI9JQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "peerDependencies": {
+        "css-tree": "^3.2.1"
+      },
+      "peerDependenciesMeta": {
+        "css-tree": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-4.0.2.tgz",
+      "integrity": "sha512-OoKoR0f76dCY666JlcbhmVTs2drYj1GUXZTYTcbUgJjh9Nv41aFfZ21bPQTERm5+L5cBDo466NltB2lplS5GBw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=20.19.0"
+      }
+    },
     "node_modules/@drizzle-team/brocli": {
       "version": "0.10.2",
       "resolved": "https://registry.npmjs.org/@drizzle-team/brocli/-/brocli-0.10.2.tgz",
@@ -932,6 +1139,24 @@
         "node": ">=18"
       }
     },
+    "node_modules/@exodus/bytes": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/@exodus/bytes/-/bytes-1.16.0.tgz",
+      "integrity": "sha512-IcpW84uEn3N7ETtNZMlxKhfl6Pec8rUNGOTBtWbK1FKhJxIFAptZyVrvVRVBimAJxJCgc3PxepxkdWWG4DVzfA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@noble/hashes": "^1.8.0 || ^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@noble/hashes": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -1755,7 +1980,6 @@
       "integrity": "sha512-dVSGpriSoCgz8WnDNTuSSuSv1PC/ALXihO4ulRZt7Md8k9mlbdin3lGOcDE8SnWOgf513ByWlXd7BK4azmyg/A==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~8.9.0"
       }
@@ -1925,6 +2149,16 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/bidi-js": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.1.0.tgz",
+      "integrity": "sha512-fX1Onk0tdVPC7obPWB5EbJ1z7NVhLq4m2xZLq2YXBkxzMXIGRpNMU88n0EPgWseKl12J7zXs7qrDxPK4sRs2fg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -2098,6 +2332,20 @@
         "node": ">= 6"
       }
     },
+    "node_modules/css-tree": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.2.1.tgz",
+      "integrity": "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.27.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -2118,6 +2366,27 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/data-urls": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-7.0.0.tgz",
+      "integrity": "sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^16.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/detect-libc": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
@@ -2774,6 +3043,19 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/entities": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-8.1.0.tgz",
+      "integrity": "sha512-kxL7msIffSuh9aaFAMD7rxAIuTRMAHMeBtgHW2yUdWw732ZNh4MehkF2gdjvtdmikkaIP9bFDDJOPlsvm7avrA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/es-errors": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
@@ -3000,6 +3282,19 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/html-encoding-sniffer": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-6.0.0.tgz",
+      "integrity": "sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.6.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -3062,6 +3357,13 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/jiti": {
       "version": "1.21.7",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
@@ -3079,6 +3381,48 @@
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
       "license": "MIT"
     },
+    "node_modules/jsdom": {
+      "version": "29.1.1",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-29.1.1.tgz",
+      "integrity": "sha512-ECi4Fi2f7BdJtUKTflYRTiaMxIB0O6zfR1fX0GXpUrf6flp8QIYn1UT20YQqdSOfk2dfkCwS8LAFoJDEppNK5Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@asamuzakjp/css-color": "^5.1.11",
+        "@asamuzakjp/dom-selector": "^7.1.1",
+        "@bramus/specificity": "^2.4.2",
+        "@csstools/css-syntax-patches-for-csstree": "^1.1.3",
+        "@exodus/bytes": "^1.15.0",
+        "css-tree": "^3.2.1",
+        "data-urls": "^7.0.0",
+        "decimal.js": "^10.6.0",
+        "html-encoding-sniffer": "^6.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "lru-cache": "^11.3.5",
+        "parse5": "^8.0.1",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^6.0.1",
+        "undici": "^7.25.0",
+        "w3c-xmlserializer": "^5.0.0",
+        "webidl-conversions": "^8.0.1",
+        "whatwg-mimetype": "^5.0.0",
+        "whatwg-url": "^16.0.1",
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/lightningcss": {
       "version": "1.33.0",
       "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.33.0.tgz",
@@ -3372,6 +3716,16 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lru-cache": {
+      "version": "11.5.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.3.tgz",
+      "integrity": "sha512-U4N8FgzmWxc8k1VH8Kr6lQg18U7Fjvby6wXHVRX/ZZ7IwWbRMgrRbP0Wrb5q5NVinryp4SQampHKdvtecItxUg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
     "node_modules/lucide-react": {
       "version": "1.42.0",
       "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.42.0.tgz",
@@ -3391,6 +3745,13 @@
         "@jridgewell/sourcemap-codec": "^1.5.5"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.27.1",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.27.1.tgz",
+      "integrity": "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -3583,6 +3944,19 @@
       "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
       "license": "(MIT AND Zlib)"
     },
+    "node_modules/parse5": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.1.tgz",
+      "integrity": "sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "entities": "^8.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
@@ -3836,6 +4210,16 @@
         "url": "https://github.com/sponsors/porsager"
       }
     },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -3904,6 +4288,16 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/resolve": {
       "version": "1.22.12",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
@@ -4005,6 +4399,19 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
     "node_modules/scheduler": {
       "version": "0.23.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
@@ -4132,6 +4539,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/tailwindcss": {
       "version": "3.4.19",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
@@ -4262,6 +4676,26 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/tldts": {
+      "version": "7.4.16",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-7.4.16.tgz",
+      "integrity": "sha512-QwBER5KMR86IIjpIiO7H/Z3IMJPsZ1A6RKPAqzTTgOyUQUSt9FdnKcqhTaJmkY6HVrgouZHZR0ncK5QxvmnQeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tldts-core": "^7.4.16"
+      },
+      "bin": {
+        "tldts": "bin/cli.js"
+      }
+    },
+    "node_modules/tldts-core": {
+      "version": "7.4.16",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-7.4.16.tgz",
+      "integrity": "sha512-MDolfaSJtlSK5Y0A1xl3277ekubZwobpBjugknDizI9O5Rm60a1m8k4ICK+MRsCDzPygT81mp3BBf5RKDlFRfA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -4275,6 +4709,32 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/tough-cookie": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-6.0.2.tgz",
+      "integrity": "sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tldts": "^7.0.5"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-6.0.0.tgz",
+      "integrity": "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=20"
+      }
+    },
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
@@ -4321,6 +4781,16 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/undici": {
+      "version": "7.30.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.30.0.tgz",
+      "integrity": "sha512-dkrQXeHSaoamnItlYbmzG0wFYrM0ZwDxCIg0A7aKjTyyhh9svRzCNFEzV+Vm05/yehjCzjDZ31KXfGEjYSztDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.1"
+      }
+    },
     "node_modules/undici-types": {
       "version": "8.9.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-8.9.0.tgz",
@@ -4562,6 +5032,54 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/w3c-xmlserializer": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",
+      "integrity": "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "xml-name-validator": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-8.0.1.tgz",
+      "integrity": "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-5.0.0.tgz",
+      "integrity": "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-16.0.1.tgz",
+      "integrity": "sha512-1to4zXBxmXHV3IiSSEInrreIlu02vUOvrhxJJH5vcxYTBDAx51cqZiKdyTxlecdKNSjj8EcxGBxNf6Vg+945gw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@exodus/bytes": "^1.11.0",
+        "tr46": "^6.0.0",
+        "webidl-conversions": "^8.0.1"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      }
+    },
     "node_modules/why-is-node-running": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
@@ -4578,6 +5096,23 @@
       "engines": {
         "node": ">=8"
       }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-5.0.0.tgz",
+      "integrity": "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT"
     }
   }
 }
diff --git a/package.json b/package.json
index 3e41227..4efc116 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "@types/react-dom": "^18.3.7",
     "autoprefixer": "^10.5.5",
     "drizzle-kit": "^0.31.10",
+    "jsdom": "^29.1.1",
     "postcss": "^8.5.28",
     "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3",
diff --git a/tests/hooks/useCustomSelection-dom.test.ts b/tests/hooks/useCustomSelection-dom.test.ts
new file mode 100644
index 0000000..b289128
--- /dev/null
+++ b/tests/hooks/useCustomSelection-dom.test.ts
@@ -0,0 +1,82 @@
+// @vitest-environment jsdom
+// เทสต์ pure helpers ของ useCustomSelection ที่ต้องมี DOM Range จริง — แยกจาก
+// ชุด pure utils (environment node ตาม vitest.config.ts) ด้วย pragma ต่อไฟล์
+// ตัว hook เอง (Pointer Events + rAF + gesture จริง) ยืนยันด้วย Playwright แทน
+import { describe, expect, it } from "vitest";
+import { rangeBetween, snapCaretToWord } from "@/hooks/useCustomSelection";
+
+/** text node เดียวใน body + collapsed caret ที่ offset (เลียน anchor/focus ของ
+ *  useCustomSelection ก่อนผ่าน word snap) */
+function setup(text: string, offset: number): { caret: () => Range } {
+  const node = document.createTextNode(text);
+  document.body.replaceChildren(node);
+  return {
+    caret: () => {
+      const r = document.createRange();
+      r.setStart(node, offset);
+      r.collapse(true);
+      return r;
+    },
+  };
+}
+
+describe("snapCaretToWord", () => {
+  it("จิ้มกลางคำ → ขยายครอบทั้งคำ (อังกฤษ)", () => {
+    const { caret } = setup("alpha beta gamma", 2);
+    const c = caret();
+    snapCaretToWord(c);
+    expect(c.toString()).toBe("alpha");
+  });
+
+  it("จิ้มกลางคำไทย (ไม่มีช่องว่าง) → Intl.Segmenter แยกคำให้ (node ≥16 มี full-icu)", () => {
+    const { caret } = setup("แมวกินปลา", 1);
+    const c = caret();
+    snapCaretToWord(c);
+    expect(c.toString()).toBe("แมว");
+  });
+
+  it("จิ้มกลางช่องว่างล้วน → ไม่ขยาย (ยัง collapsed)", () => {
+    const { caret } = setup("alpha  beta", 6);
+    const c = caret();
+    snapCaretToWord(c);
+    expect(c.collapsed).toBe(true);
+  });
+});
+
+describe("rangeBetween — ฝั่งหลังต้องใช้ end boundary (A1: อย่าทิ้งคำท้าย)", () => {
+  const TEXT = "alpha beta gamma delta";
+  // offset: alpha 0–5, beta 6–10, gamma 11–16, delta 17–22
+
+  /** เลียน flow จริง: สร้าง caret สองจุด → word snap ทั้งคู่ → rangeBetween */
+  function between(offA: number, offB: number): string {
+    const node = document.createTextNode(TEXT);
+    document.body.replaceChildren(node);
+    const mk = (off: number) => {
+      const r = document.createRange();
+      r.setStart(node, off);
+      r.collapse(true);
+      return r;
+    };
+    const a = mk(offA);
+    const b = mk(offB);
+    snapCaretToWord(a);
+    snapCaretToWord(b);
+    return rangeBetween(a, b)?.toString() ?? "<null>";
+  }
+
+  it("ลาก alpha→gamma ได้ครบถึงคำท้าย (เดิมหาย gamma)", () => {
+    expect(between(2, 13)).toBe("alpha beta gamma");
+  });
+
+  it("ลากย้อน gamma→alpha ได้ผลเดียวกัน", () => {
+    expect(between(13, 2)).toBe("alpha beta gamma");
+  });
+
+  it("ลากในคำเดียว (beta→beta) ได้ทั้งคำ (เดิม selection ว่าง)", () => {
+    expect(between(7, 9)).toBe("beta");
+  });
+
+  it("ลาก alpha→beta ได้สองคำ", () => {
+    expect(between(2, 8)).toBe("alpha beta");
+  });
+});
diff --git a/tests/utils/coordinates.test.ts b/tests/utils/coordinates.test.ts
index 2ef0d47..b2cbdc2 100644
--- a/tests/utils/coordinates.test.ts
+++ b/tests/utils/coordinates.test.ts
@@ -190,3 +190,67 @@ describe("rectsInSweptPath", () => {
     expect(kept).toEqual([...L1]);
   });
 });
+
+describe("rectsInSweptPath — snap จุดเข้าบรรทัดใกล้สุดก่อนตัดสิน (A3 2026-09-28)", () => {
+  // พิกัดนิ้วดิบที่ห่าง center บรรทัดเพียงเล็กน้อยแต่คนละบรรทัด เคยถูกตีเป็น
+  // "บรรทัดเดียวกัน" จนกรองได้ 0 rect — ชุดนี้ยืนยันว่า snap แล้วผลถูกต้อง
+  // (บรรทัดสูง 20 ระยะห่าง 24 → center = 24*i + 10 + dy, lineTol = 12)
+  const R2 = (x: number, y: number, width: number, height: number) =>
+    ({ x, y, width, height }) as DOMRect;
+  const L = (i: number, x0: number, x1: number, dy = 0) =>
+    R2(x0, 24 * i + dy, x1 - x0, 20);
+
+  it("ลากลงหลายบรรทัด มีบรรทัดรบกวนนอกเส้นทาง: เก็บเฉพาะช่วงที่ลากผ่าน", () => {
+    const noise = [L(0, 0, 500), L(7, 0, 500)];
+    const ml = [L(1, 200, 500), L(2, 0, 500), L(3, 0, 500), L(4, 0, 300)];
+    expect(
+      rectsInSweptPath([...noise, ...ml], { x: 200, y: 34 }, { x: 300, y: 106 }),
+    ).toHaveLength(4);
+  });
+
+  it("ลากขึ้นหลายบรรทัด (ทิศกลับ): ผลเหมือนลากลง", () => {
+    const noise = [L(0, 0, 500), L(7, 0, 500)];
+    const ml = [L(1, 200, 500), L(2, 0, 500), L(3, 0, 500), L(4, 0, 300)];
+    expect(
+      rectsInSweptPath([...noise, ...ml], { x: 300, y: 106 }, { x: 200, y: 34 }),
+    ).toHaveLength(4);
+  });
+
+  it("ลากย้อนในบรรทัดเดียว (ขวา→ซ้าย): เก็บ rect ที่เส้นทางพาด", () => {
+    const rects = [L(0, 0, 500), L(1, 100, 400), L(7, 0, 500)];
+    expect(
+      rectsInSweptPath(rects, { x: 400, y: 34 }, { x: 100, y: 34 }),
+    ).toHaveLength(1);
+  });
+
+  it("2 บรรทัด dy ใหญ่: เก็บทั้งคู่ (ท้ายบรรทัดบน → ต้นบรรทัดล่าง)", () => {
+    const rects = [L(1, 400, 500), L(2, 0, 100)];
+    expect(
+      rectsInSweptPath(rects, { x: 400, y: 34 }, { x: 100, y: 58 }),
+    ).toHaveLength(2);
+  });
+
+  it("2 บรรทัด dy เล็ก (พิกัดนิ้วไม่ตรง center — เดิมได้ 0 rect)", () => {
+    const rects = [L(1, 400, 500), L(2, 0, 100)];
+    expect(
+      rectsInSweptPath(rects, { x: 400, y: 42 }, { x: 100, y: 50 }),
+    ).toHaveLength(2);
+  });
+
+  it("2 บรรทัด dy เล็ก ลากขึ้น (เดิมได้ 0 rect)", () => {
+    const rects = [L(1, 400, 500), L(2, 0, 100)];
+    expect(
+      rectsInSweptPath(rects, { x: 100, y: 50 }, { x: 400, y: 42 }),
+    ).toHaveLength(2);
+  });
+
+  it("หลัง auto-scroll 300px: anchor ที่ชดเชยแล้ว (สัดส่วนของหน้า A2) ต้องได้ครบทุกบรรทัด", () => {
+    const sc = -300;
+    const rects = [L(0, 100, 500, sc + 100)];
+    for (let i = 1; i <= 24; i++) rects.push(L(i, 0, 500, sc + 100));
+    rects.push(L(25, 0, 300, sc + 100));
+    expect(
+      rectsInSweptPath(rects, { x: 100, y: 110 + sc }, { x: 300, y: 400 }),
+    ).toHaveLength(26);
+  });
+});
diff --git a/utils/coordinates.ts b/utils/coordinates.ts
index 74724f7..db5f278 100644
--- a/utils/coordinates.ts
+++ b/utils/coordinates.ts
@@ -69,29 +69,51 @@ export type ClientPt = { x: number; y: number };
  *  เด้งไปบรรทัดอื่น) — คลิกไม่ขยับ (ดับเบิลคลิกเลือกคำ/ทริปเปิลคลิกเลือกบรรทัด)
  *  ตัดเฉพาะแกนตั้ง ไม่ตัดแกน x เพราะไม่มีแนวการลากให้อิง
  *  ใช้ทั้ง desktop (native selection ผ่าน selDrag refs) และจอสัมผัส
- *  (useCustomSelection ลากด้วยนิ้ว) */
+ *  (useCustomSelection ลากด้วยนิ้ว)
+ *
+ *  ก่อนตัดสิน "บรรทัดเดียวกัน/คนละบรรทัด" จุด start/end ถูก snap เข้า center
+ *  ของบรรทัดที่ใกล้ที่สุดก่อน (snapY) — พิกัดนิ้วดิบที่ห่างจาก center บรรทัดเพียง
+ *  เล็กน้อยแต่คนละบรรทัด (ลากจากท้ายบรรทัดบนไปต้นบรรทัดถัดไประยะสั้น) เคยถูกตี
+ *  เป็น "บรรทัดเดียวกัน" จนกรองได้ 0 rect (bug report A3 2026-09-28) */
 export function rectsInSweptPath(
   rects: DOMRect[],
   start: ClientPt,
   end: ClientPt,
 ): DOMRect[] {
+  if (rects.length === 0) return rects;
   const hs = rects.map((r) => r.height).sort((a, b) => a - b);
   const lineTol = (hs[Math.floor(hs.length / 2)] || 10) * 0.6;
   const moved = Math.hypot(end.x - start.x, end.y - start.y) > 4;
+
+  const centers = rects.map((r) => r.y + r.height / 2);
+  const snapY = (y: number) =>
+    centers.reduce((b, c) => (Math.abs(c - y) < Math.abs(b - y) ? c : b), centers[0]);
+  const sy = snapY(start.y);
+  const ey = snapY(end.y);
+
   // เรียงจุดตาม visual: บน→ล่าง (บรรทัดเดียวกัน: ซ้าย→ขวา) ให้กฎตรงทุกทิศการลาก
-  let top: ClientPt;
-  let bottom: ClientPt;
-  if (Math.abs(end.y - start.y) < lineTol) {
+  let top: ClientPt, bottom: ClientPt, topY: number, bottomY: number;
+  if (Math.abs(ey - sy) < lineTol) {
     [top, bottom] = start.x <= end.x ? [start, end] : [end, start];
+    topY = bottomY = Math.min(sy, ey);
+  } else if (sy < ey) {
+    top = start;
+    bottom = end;
+    topY = sy;
+    bottomY = ey;
   } else {
-    [top, bottom] = start.y < end.y ? [start, end] : [end, start];
+    top = end;
+    bottom = start;
+    topY = ey;
+    bottomY = sy;
   }
+
   return rects.filter((r) => {
     const cy = r.y + r.height / 2;
-    if (cy < top.y - lineTol || cy > bottom.y + lineTol) return false; // บรรทัดนอกเส้นทางลาก
+    if (cy < topY - lineTol || cy > bottomY + lineTol) return false; // บรรทัดนอกเส้นทางลาก
     if (!moved) return true;
-    const inTop = Math.abs(cy - top.y) <= lineTol;
-    const inBottom = Math.abs(cy - bottom.y) <= lineTol;
+    const inTop = Math.abs(cy - topY) <= lineTol;
+    const inBottom = Math.abs(cy - bottomY) <= lineTol;
     const crosses = (from: number, to: number) => r.x < to && r.x + r.width > from;
     if (inTop && inBottom) return crosses(top.x, bottom.x); // ลากในบรรทัดเดียว
     if (inTop) return crosses(top.x, Infinity); // บรรทัดแรก: จุดเริ่ม → ท้ายบรรทัด