Documentation example input field is not working as expected

[paulxuca]

Issue summary

Example input field does not preserve input value

Expected behavior

If I type in "Dog", it should say Dog, not g (since only last input is preserved.)

Actual behavior

I type in "Dog", and only g is displayed.

Steps to Reproduce the Problem

1. Go to: https://polaris.shopify.com/components/titles-and-text/display-text#examples (Or any exmple with an input field)
2. Type in "Dog"
3. Observe only g is displayed.

Specifications

• Polaris version: 1.0.1

[reggi]

@paulxuca It seems that the input field to alter the children doesn't work correctly (only puts in one letter at a time), but if you click into the component itself it does work.

[reggi]

This works for the heading component though.

[lemonmade]

Thanks for the issue, @paulxuca. We actually have a PR open to fix this on a few pages (it affects any component that has a pascal case name with more than one capital letter — I'll leave it to the reader to guess how we managed to create a bug like that 😄). We'll close this issue once we've fixed it up.

[paulxuca]

Thanks for both the replication examples above and your quick response! Looking forward to changes in this project! :D

[sarcos]

@reggi may I ask how do you create those .gif ? thx

[reggi]

@sarcos GIPHY Capture. The GIF Maker (for Mac)