Texts moving out of the fields in IDE

[pencilcode]

Texts moving out of the fields in IDE

[weihang7]

What browser are you using?

[RoopakTJ]

I was using Mozilla Firefox when that thing came.But it works perfect in chrome n other

[sakagg]

I noticed the same problem - Chrome 42 / Ubuntu 14.04

[davidbau]

Do you notice if the text changes font before drawing incorrectly? I
suspect a font loading problem (where the font is measured before it is
loaded, then drawn after it loads).

On Mon, Jun 8, 2015 at 11:11 AM, Saksham Aggarwal [email protected]
wrote:

I noticed the same problem - Chrome 42 / Ubuntu 14.04

—
Reply to this email directly or view it on GitHub
#129 (comment)
.

[weihang7]

https://github.com/dabbler0/droplet/blob/master/src/draw.coffee#L412 loads the font asynchronously, right?

[weihang7]

@davidbau I was able to repro the situation you described by using a slow Internet connection from China. It goes like this:
Pencilcode loads in the browser default font (e.g. Times New Roman), then the real font loads, but bounding boxes in Droplet never updates, causing the problem described in the issue.

Do you think using something like https://github.com/smnh/FontLoader could work, making droplet render after the font loads?

[davidbau]

We do use FontLoader in pencilcode - a modified version that fixed some
problems I had when testing it:

https://github.com/PencilCode/pencilcode/blob/master/content/src/FontLoader.js

There are two possible problems: either our FontLoader isn't working, or
it's working but not be forcing the redraw of the palette correctly. I
think I saw it once, but the main editor in Droplet redrew while the
palette didn't. Is that what you're seeing? If you've got a reliable
repro, any chance you might be able to debug it Frank?

On Tue, Jun 9, 2015 at 1:17 AM, Weihang Fan [email protected]
wrote:

@davidbau https://github.com/davidbau I was able to repro the situation
you described by using a slow Internet connection from China. It goes like
this:
Pencilcode loads in the browser default font (e.g. Times New Roman), then
the real font loads, but bounding boxes in Droplet never updates, causing
the problem described in the issue.

Do you think using something like https://github.com/smnh/FontLoader
could work, making droplet render after the font loads?

—
Reply to this email directly or view it on GitHub
#129 (comment)
.

[weihang7]

@sakagg Does it still fail for you in the latest version of Chrome? To me it seems like a Firefox-only problem(Edge and Chrome both work fine for me).

[weihang7]

After doing some logging, it seems like editor.redrawMain() was called properly after the fonts are loaded, but Droplet did not update itself correctly. I had to manually drag stuff around for them to update. Could it be because Firefox does some lazy rendering thing?
@dabbler0, do you have an idea as to what's going on?
@davidbau That's not what I'm seeing. The main editor did not redraw.

[sakagg]

Chrome is rendering it better now, but not completely correct yet.