Skip to content

fix(textarea): label color and focus highlight - #26664

Merged
liamdebeasi merged 32 commits into
FW-2764from
FW-2764-color
Jan 24, 2023
Merged

fix(textarea): label color and focus highlight#26664
liamdebeasi merged 32 commits into
FW-2764from
FW-2764-color

Conversation

@sean-perkins

@sean-perkins sean-perkins commented Jan 23, 2023

Copy link
Copy Markdown
Contributor

Pull request checklist

Please check if your PR fulfills the following requirements:

  • Tests for the changes have been added (for bug fixes / features)
  • Docs have been reviewed and added / updated if needed (for bug fixes / features)
    • Some docs updates need to be made in the ionic-docs repo, in a separate PR. See the contributing guide for details.
  • Build (npm run build) was run locally and any changes were pushed
  • Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

  • Bugfix
  • Feature
  • Code style update (formatting, renaming)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • Documentation content changes
  • Other (please describe):

What is the current behavior?

The modern textarea rendering does not account for a focus highlight or changing the floating label color.

Issue URL: Internal

What is the new behavior?

  • Textarea will display a focus highlight when the control is focused
  • Textarea label will change to the focus highlight color when active
  • Textarea active caret color will change to the focus highlight color when active/focused

Does this introduce a breaking change?

  • Yes
  • No

Other information

@bolt-new-by-stackblitz

Copy link
Copy Markdown

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@github-actions github-actions Bot added the package: core @ionic/core package label Jan 23, 2023
@sean-perkins

Copy link
Copy Markdown
Contributor Author

I'm skipping a flaky test here: a842a78.

I can create a new PR/build that adds a ticket to resolving it. It took 3-4x runs for screenshots to generate and 3x runs after commenting out this test for it to pass (all from flaky tests).

@sean-perkins
sean-perkins marked this pull request as ready for review January 24, 2023 14:46
@sean-perkins
sean-perkins requested a review from a team as a code owner January 24, 2023 14:46
@liamdebeasi

Copy link
Copy Markdown
Contributor

Oddly enough I just fixed that test here #26667 😂

outline: none;

background: transparent;
color: inherit;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What does this do?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good question - I think I was adding it during testing and didn't clean it up after. I'll test more after my early meetings and confirm.

It looks like the cursor color also needs to be updated here as well.

Base automatically changed from FW-2764-fill to FW-2764 January 24, 2023 17:15
@liamdebeasi
liamdebeasi merged commit b7ce97a into FW-2764 Jan 24, 2023
@liamdebeasi
liamdebeasi deleted the FW-2764-color branch March 13, 2023 20:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants