Fix textbox autofocus triggering invalid message

[bjester]

Description

Test failures in a Studio PR indicated a regression in KTextbox. Looking at the code, I surmised the issue resulted from using autofocus along with how the invalid state is triggered.

Before/after screenshots

Initial state before	Initial state after	Error state after

Steps to test

1. Link KDS into Studio-- you may have to temporarily add a core-js dependency to KDS
2. Open a channel for editing
3. Make some edits to enable publishing
4. Click publish to open publish modal
5. Observe validation text is not showing initially
6. Blur textbox, and refocus
7. Observe validation text is shown

(optional) Implementation notes

At a high level, how did you implement this?

If autofocus is enabled, skip first focus event before assigning changedOrFocused, which influences the computed property showInvalidMessage

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical and brittle code paths are covered by unit tests
• The change has been added to the changelog

Reviewer guidance

• Is the code clean and well-commented?
• Are there tests for this change?
• Are all UI components LTR and RTL compliant (if applicable)?
• Add other things to check for here

Post-merge updates and tracking

• Learning Platform update PR is submitted
• Learning Platform update PR is merged
• Studio update PR is submitted
• Studio update PR is merged
• Data Portal update PR is submitted
• Data Portal update PR is merged

Comments

[indirectlylit]

Thank you!

I'll merge this is to help with the upcoming KDS upgrades and we can always follow up later if necessary.

There are aspects of the conditional logic in this component – predating this PR – that make me a bit uncomfortable and I worry are hiding subtle bugs. But that's for another day.