OpenTable block: Styling issues with input in block placeholder

[talldan]

Impacted plugin

Jetpack

Quick summary

The OpenTable block has a few styling issues that could be improved related to the FormTokenField input.

• The input has a different height to the neighboring button
• The input changes width when typing, resulting in the Embed button moving left and right. This isn't great as it means the button is a moving target, and the block is more susceptible to bugs if the underlying implementation of FormTokenField changes. (for example, if the suggestion list stays open, but closes on blur, the user then has to click 'Embed' twice)

Steps to reproduce

1. Add an OpenTable block
2. Observe the issue with the input height
3. Start typing in the field
4. Observe the width of the input changes

A clear and concise description of what you expected to happen.

The input should have the correct height and a stable width that doesn't change when the suggestions dropdown opens.

What actually happened

The input has the wrong height and the width of the input changes when typing.

Impact

Some (< 50%)

Available workarounds?

There is no user impact

Platform (Simple and/or Atomic)

Simple, Atomic, Self-hosted

Logs or notes

https://github.com/Automattic/jetpack/assets/677833/8991a562-3f33-4c9c-ab26-068fec857943

[jeherve]

This should be fixed as of https://github.com/WordPress/gutenberg/pull/57002

[talldan]

@jeherve That PR doesn't fix the issues I reported here. I noticed the issues that have been reported here while working on the fix in https://github.com/WordPress/gutenberg/pull/57002.

[github-actions[bot]]

This issue has been marked as stale. This happened because:

• It has been inactive for the past 6 months.
• It hasn’t been labeled `[Pri] BLOCKER`, `[Pri] High`, `[Type] Feature Request`, `[Type] Enhancement`, `[Type] Janitorial`, `Good For Community`, `[Type] Good First Bug`, etc.

No further action is needed. But it's worth checking if this ticket has clear reproduction steps and it is still reproducible. Feel free to close this issue if you think it's not valid anymore — if you do, please add a brief explanation.