Display current character in reference fonts

[fatih-erikli]

Fixes #982.

[justvanrossum]

Can you rebase this please?

[justvanrossum]

• I think the slider should be before the text, else it moves up and down after sliding
• Then it can also be a continuous slider (the text responds immediately)
• Please make it a range-slider, so we have the numeric value, too, and proper styling
• The maximum size should be much bigger (maybe 200 or more even)
• The language code should be applied

[justvanrossum]

• the font size should be stored
• if I change the language code with the popup, it is not applied to the text

[justvanrossum]

Occasionaly, on reload, the text area duplicates:

Can you figure how this can be happening?

Second, if the text doesn't fit anymore, it starts overlapping. I think the text should scroll instead:

[fatih-erikli]

It's because multiple events fired to show the preview, resulting multiple times the preview is shown. It was fixed, but I deleted the fix. If an event fired before the previous event is completed, it should be dismissed. I will include the fix again.

07d3365#diff-89f2511fb56caa04c583a1029f729c9022d8a0ec62cebef73c0c99a90e936f2bL308-L318

Something like that should be in the utils I guess, what do you think?

[fatih-erikli]

For the overlapping problem, I don't have a quick solution for that, beside applying a constant max-height. I need to dig into css grid a little bit to find a proper solution.

[justvanrossum]

The text area should scroll without the size slider.