[blockly] Fix multilineedit rendering issue

[stefan-hoehn]

Finally the long awaited fix for the dreaded blockly multilineedit rendering issue like the following

more info can be found at: google/blockly-samples#2235

The solution is to make sure that the hidden textarea style neither has a background of none or transparent.

[relativeci]

Job #1853: Bundle Size — 10.55MiB (~+0.01%).

90d8fa8(current) vs 577568d main#1852(baseline)

Warning

Bundle contains 2 duplicate packages – View duplicate packages

Bundle metrics   1 change

	Current Job #1853	Baseline Job #1852
Initial JS	1.86MiB	1.86MiB
Initial CSS	607.87KiB	607.87KiB
Cache Invalidation	18.23%	17.81%
Chunks	223	223
Assets	246	246
Modules	2856	2856
Duplicate Modules	141	141
Duplicate Code	1.73%	1.73%
Packages	94	94
Duplicate Packages	2	2

Bundle size by type   1 change 1 regression

	Current Job #1853	Baseline Job #1852
JS	8.74MiB	8.74MiB
CSS	890.03KiB (~+0.01%)	889.97KiB
Fonts	526.1KiB	526.1KiB
Media	295.6KiB	295.6KiB
IMG	140.74KiB	140.74KiB
HTML	1.24KiB	1.24KiB
Other	871B	871B

---

View job #1853 report View stefan-hoehn:blockly_fix_multili... branch activity View project dashboard

[florian-h05]

Can you please put this to the style block of blockly-editor.vue?

[florian-h05]

I just discovered an issue with the dark mode (white text on white background doesn't work very well ;-)), but this can be easily fixed:

textarea.blocklyHtmlTextAreaInput
  background #ffffff
  color #000000

[stefan-hoehn]

Yes, true, that one will work on dark mode as well:

[florian-h05]

LGTM, thanks!