Over-the-spot implementation for IME preedit

[yuntan]

demo:

[yuntan]

Fixed incorrect commit message and title.

[yuntan]

Fixed test.

[rhysd]

Could you update screenshot in description? I can't look at the link.

[rhysd]

I could see the screencast in the linked page. Looks great. Let me try this patch before merging it in order to see it works in other environments.

[yuntan]

Reply to https://github.com/rhysd/neovim-component/pull/46#issuecomment-327717556.

I can reproduce the problem neither on Windows 10 nor on Linux. I've changed "font-size" of component but I can't see. I don't have Mac so I can't test it.

[rhysd]

OK, I'll try to fix the issue on Mac.

[rhysd]

Below diff fixed the problem. Could you apply it to this branch?

diff --git a/src/neovim/input.ts b/src/neovim/input.ts
index 182ed4a..f04be79 100644
--- a/src/neovim/input.ts
+++ b/src/neovim/input.ts
@@ -435,9 +435,7 @@ export default class NeovimInput {
     }

     updateFontSize() {
-        const {specified_px} = this.store.font_attr;
-
-        const font_size = specified_px * (window.devicePixelRatio || 1);
+        const {specified_px: font_size} = this.store.font_attr;
         this.element.style.fontSize = font_size + 'px';
         this.fake_element.style.fontSize = font_size + 'px';
     }