@svelteschool/svelte-forms/src/selectTextOnFocus.js

A simple form component that doesn't care about what you put in it. It just works.

export function selectTextOnFocus(node) {

  const handleFocus = event => {
    node && typeof node.select === 'function' && node.select()
  }

  node.addEventListener('focus', handleFocus)

  return {
    destroy() {
      node.removeEventListener('focus', handleFocus)
    }
  }
}