Triple click behavior

v6
2

An extension like this implements triple-click behavior without adding the line break after:

  EditorView.mouseSelectionStyle.of((view, event) => {
    if (event.detail != 3 || event.button != 0) return null
    let start = view.posAtCoords(event)
    if (start == null) return null
    let startSel = view.state.selection
    return {
      get(curEvent, extend, multiple) {
        let head = view.posAtCoords(curEvent)
        if (head == null) return startSel
        let anchor = extend ? startSel.main.anchor : start!
        let anchorLine = view.state.doc.lineAt(anchor), headLine = view.state.doc.lineAt(head)
        let range = head >= anchor ? EditorSelection.range(anchorLine.from, headLine.to)
          : EditorSelection.range(anchorLine.to, headLine.from)
        return multiple ? startSel.addRange(range) : EditorSelection.create([range])
      },
      update(update) {
        start = update.changes.mapPos(start!)
        startSel = startSel.map(update.changes)
      }
    }
  })
3 Likes