본문으로 건너뛰기

Selecting Elements

When Pick Mode is active, every selection is a selection unit. A unit can contain one element or a deliberate group of elements. Pickn keeps that group together for focus, copy, hide, expand, undo, and capture.

Selection Behavior​

  • Hover preview (desktop): Hovering highlights selection candidates with a striped blue overlay.
  • Click or Enter: Creates a one-element unit. Clicking a member of another unit focuses that unit; clicking the focused unit again removes the whole unit.
  • Shift + click or Shift + Enter: Adds or removes that member from the focused unit. A member can belong to only one unit.
  • Range and marquee selection: A text range or Shift-drag marquee commits its candidates as one unit. Press Escape to discard an in-progress draft without changing your existing selection.
  • Focused unit: The focused unit has the stronger border and glow. For a group, its toolbar is anchored to the member you most recently targeted.
  • Long-press selection (touch devices): A long-press text range commits all contained candidates as one unit.
  • iframe support: A unit can contain members from top-level, nested, and cross-origin frames when Pickn can run in those frames.

Pickn removes duplicates and avoids selecting both an ancestor and its descendant. If a page or frame navigates after you select something, the old member is unavailable; Pickn never silently attaches that selection to a similarly named element in the new document.

Limits and unavailable selections​

  • A selection unit and a candidate gesture are limited to 200 members. Pickn reports an error instead of silently dropping extras.
  • A frame that becomes unavailable stays visible as unavailable in the selection. Remove or reselect it before a strict action such as copy, hide, image, or screenshot.
  • Selection units exist only while Pick Mode is active. Leaving Pick Mode clears selections and their undo history.

Tips for Better Accuracy​

  • Select from the most specific element first, then use Expand Selection if needed. Expand replaces each member with its meaningful parent while retaining the same unit.
  • For complex layouts, use hover preview before clicking.
  • If selection feels noisy, hide irrelevant elements and continue.