Display media-embed label hint immediately

[dkonopka]

Suggested merge commit message (convention)

Other: The help text under the media URL input should be displayed when it's empty. The quick insertion tip should pop out when the user started typing in the input (see ckeditor/ckeditor5#2728).

[coveralls]

Pull Request Test Coverage Report for Build 288

• 5 of 5 (100.0%) changed or added relevant lines in 1 file are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 100.0%

---

Totals
Change from base Build 280:	0.0%
Covered Lines:	304
Relevant Lines:	304

---

💛 - Coveralls

[oleq]

TBH it's not exactly what #5 is about. It's more about users not understanding that the input is the place they should paste the media URL rather than displaying a "quick–paste hint", which is a different story.

I was thinking more about "Paste the media URL here" under the input (when it's empty), then "Paste the URL..." when it's not empty.

[dkonopka]

I guess this PR won't fix #5 actually because it will only improve UX of input instead of adding balloon to the media-embed.

we may need a balloon attached to the media in the future because of media styles (similar to image styles)

Anyway your proposal of:

I was thinking more about "Paste the media URL here" under the input (when it's empty), then "Paste the URL..." when it's not empty.

is better idea instead of current solution, I'll fix it.

[oleq]

Improved the UX

[oleq]

I improved the UX by displaying the help or tip text under the input. Please review the change @dkonopka.

[dkonopka]

"Tip part" is a really good idea 👍