# useFocusSelection

Source: https://sdk.pdf.net/docs/v1/reference/useFocusSelection



Returns a function that puts the focus back into the selection. Clicking a toolbar button moves the browser focus out of the text being edited; call this after acting on the selection so the user can continue typing.

```ts
const focusSelection = useFocusSelection()

focusSelection()
```

When the selection is not an on-screen text selection, the function blurs the active element instead, which closes open toolbar dropdowns.

## Example [#example]

```tsx
import { useFocusSelection, useSelectionTextStyle } from '@sdk-pdf/react'

function BoldButton() {
  const { isBold } = useSelectionTextStyle()
  const focusSelection = useFocusSelection()

  return (
    <button
      aria-pressed={isBold.value}
      onClick={() => {
        isBold.set(!isBold.value)
        // Return the focus so the user keeps typing in the paragraph.
        focusSelection()
      }}
    >
      Bold
    </button>
  )
}
```