fix: focus issue in checkbox switch

[anubra266]

Closes #4216

📝 Description

You cannot toggle a switch on a single click if you have text that is highlighted (selected) on the screen.

⛳️ Current behavior (updates)

On mousedown, the input usually blurs and returns focus to the body, we do to prevent this

🚀 New behavior

We only prevent the default event if the input is already focused

💣 Is this a breaking change (Yes/No): No

[changeset-bot]

🦋 Changeset detected

Latest commit: dd621e4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 11 packages

Name	Type
@chakra-ui/checkbox	Patch
@chakra-ui/react	Patch
@chakra-ui/switch	Patch
create-react-app-ts	Patch
gatsby-starter-default	Patch
chakra-nextjs	Patch
chakra-nextjs-ts	Patch
@chakra-ui/props-docs	Patch
@chakra-ui/storybook-addon	Patch
@chakra-ui/test-utils	Patch
storybook-addon	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit dd621e4:

Sandbox	Source
create-react-app-ts	Configuration
wizardly-sea-f3bes2	Issue #4216