fix!: use :focus pseudo class instead of blocklyFocused

[Skye967]

… style to :focus

The basics

• [x ] I validated my changes

The details

Resolves

Fixes #8326

Proposed Changes

Remove the blocklyFocused class from being assigned in menu.ts and dropdowndiv.ts
Change the styles in css.ts to use the :focus css pseudo class

Removed the blocklyFocused class from being assigned in menu.ts and dropdowndiv.ts
Changed the styles in css.ts to use the :focus css pseudo class

Reason for Changes

Test Coverage

Not necessary

Documentation

No it won't affect anything. just some minor css changes

Additional Information

[google-cla]

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

[github-actions]

Welcome! It looks like this is your first pull request in Blockly, so here are a couple of tips:

• You can find tips about contributing to Blockly and how to validate your changes on our developer site.
• All contributors must sign the Google Contributor License Agreement (CLA). If the google-cla bot leaves a comment on this PR, make sure you follow the instructions.
• We use conventional commits to make versioning the package easier. Make sure your commit message is in the proper format or learn how to fix it.
• If any of the other checks on this PR fail, you can click on them to learn why. It might be that your change caused a test failure, or that you need to double-check the style guide.
  Thank you for opening this PR! A member of the Blockly team will review it soon.

[Skye967]

Sorry about that, getting used to the naming conventions and I submitted the CLA. Other than that, do the changes look good?

[BeksOmega]

Hello! Thanks for the fix and for signing the CLA :D

It looks like your branch has a few extra commits. To remove the commits that aren't yours, you can rebase your branch on top of the latest rc/v12.0.0 branch. This will remove any commits that were added to rc/v12.0.0 since you created your branch.

Here are the steps to do that:

1. Fetch the latest changes from rc/v12.0.0:

   git fetch upstream rc/v12.0.0

2. Checkout your branch:

   git checkout [your-branch-name]

3. Start an interactive rebase:

   git rebase -i upstream/rc/v12.0.0

4. In the editor that opens, identify the commits that aren't yours. These are likely the ones at the top of the list.

5. Change the word pick to drop for each commit you want to remove.

6. Save and close the editor.

7. Force push your changes to your branch: Note that force pushing is a dangerous operation because it overwrites commit history, so if you dropped the wrong commits you could lose work.

   git push -f origin [your-branch-name]

Once you've done this, the PR should only contain your commits.

Let me know if you have any questions or run into any issues!

[BeksOmega]

Marking this as changes requested.

[Skye967]

Thank you, I cleared out those other commits. Is everything good now?

[BeksOmega]

One comment, but changes to the dropdown div look good!

[BeksOmega]

There is another reference to .blocklyFocused in this file, could you remove it as well?

[Skye967]

Went of core css and made some changes.

[BeksOmega]

Sweet LGTM =) I'll get this merged once CI passes

[BeksOmega]

Can you fix the lint errors?

[Skye967]

I believe everything is good now.

[BeksOmega]

Thanks for your hard work on this!