marathi_typing 0.2.0 → 0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8f9141d8b16760161d8c02f9611f2b28faf4c51430bf02dc4c9ea958cd5aa2c6
-  data.tar.gz: d080cc2cdc1cd09aac409e3dee8d069205f3582950aefe0828787f96c08071ee
+  metadata.gz: bea1ae0ad19188d8d72b79dd93e2458edcb7815de0b9a2eef7a068467cae9ad2
+  data.tar.gz: 0df203a4cc8a8d1e6b5a62684c38b116ccaa657b80c8cc1419b6b88c5d1d3e4d
 SHA512:
-  metadata.gz: d0cbb74bb7d19520fdd564cc6eeaecca4504d96cbcf0638e4c50f9c13f94cb627bb600d7afa5e13dd28e69790dc6a765dbf81dfe6fd3db79e964101b8d7ba4ed
-  data.tar.gz: 37d6525b0e2d1e04152d79e710666f18fd5feb208e18852e0de93dd9c55a0b46f44437ea475974f0b03cbc6b470b61e3748c96810ce905231ea50cab9b4e48f1
+  metadata.gz: dc082fc3eaaac92ecee8282cda4fb7adbdc8264ab33594f7888bef997f6968e074c207015f12ad918f70685481563ea2113d1f668e57c130583811b021ba8d75
+  data.tar.gz: b24417a8cfc3a182135f0f37144d074f4d8adb43ccd648595e761f532f75c4a01c684f7cf5ab5c6b115ac89168b21846a255f65b93dafdc69a14f2fdb9823132

data/lib/generators/marathi_typing/templates/marathi_typing_controller.js

@@ -5,7 +5,6 @@ export default class extends Controller {
 
   timeout = null
 
-
   connect() {
 
     this.apiUrl = "https://inputtools.google.com/request"
@@ -50,8 +49,6 @@ export default class extends Controller {
       console.log("currentWord: ", currentWord)
 
       if (!currentWord || !/^[a-zA-Z]+$/.test(currentWord)) return;
-      // if (!currentWord) return;
-
 
       fetch(`${this.apiUrl}?text=${currentWord}&itc=mr-t-i0-und&num=5&cp=0&cs=1&ie=utf-8&oe=utf-8&app=demopage`)
         .then(res => res.json())
@@ -65,27 +62,33 @@ export default class extends Controller {
   }
 
   buildSuggestionsBox() {
-
-    const box = document.createElement("div")
+    const box = document.createElement("div");
     box.className = "marathi-suggestions";
     box.style.position = "absolute";
-    box.style.background = "#808080";
+    box.style.background = "rgb(239 238 236)";
     box.style.border = "0px solid #ccc";
     box.style.zIndex = "9999";
     box.style.padding = "0px";
     box.style.color = "black";
 
+    // Get the input's position relative to the viewport
     const rect = this.inputTarget.getBoundingClientRect();
-    const scrollOffset = window.scrollY || window.pageYOffset;
 
-    box.style.top = `${rect.bottom + scrollOffset}px`;
-    box.style.left = `${rect.left}px`; // 
+    // Calculate position relative to the document
+    const scrollTop = window.scrollY || window.pageYOffset;
+    const scrollLeft = window.scrollX || window.pageXOffset;
 
-    this.element.parentElement.appendChild(box)
+    // Set position just below the input
+    box.style.top = `${rect.bottom + scrollTop}px`;
+    box.style.left = `${rect.left + scrollLeft}px`;
 
-    return box
+    // Append to body to avoid being affected by parent positioning
+    document.body.appendChild(box);
+
+    return box;
   }
 
+
   showSuggestions(suggestions, lastWord) {
     this.showSuggestionsBox();
 
@@ -106,8 +109,6 @@ export default class extends Controller {
     this.suggestionsTarget.appendChild(originalOption);
   }
 
-
-
   selectFirstSuggestion() {
     if (!this.suggestionsTarget || this.suggestionsTarget.children.length === 0) return;
 
@@ -125,12 +126,8 @@ export default class extends Controller {
         currentWord = words[words.length - 1] || "";
       }
 
-
       if (!currentWord) return;
 
-      console.log("currentWord:", currentWord, " suggestion:", suggestion);
-
-
       this.selectSuggestion(suggestion, currentWord);
     }
   }
@@ -200,8 +197,6 @@ export default class extends Controller {
     return { word, wordStart, wordEnd };
   }
 
-
-
   hideSuggestions() {
     this.suggestionsTarget.innerHTML = "";
     this.suggestionsTarget.style.border = "0";
@@ -209,9 +204,20 @@ export default class extends Controller {
   }
 
   showSuggestionsBox() {
+
+    const rect = this.inputTarget.getBoundingClientRect();
+
+    // Calculate position relative to the document
+    const scrollTop = window.scrollY || window.pageYOffset;
+    const scrollLeft = window.scrollX || window.pageXOffset;
+
+    // Set position just below the input
+    this.suggestionsTarget.style.top = `${rect.bottom + scrollTop}px`;
+    this.suggestionsTarget.style.left = `${rect.left + scrollLeft}px`;
+
     this.suggestionsTarget.innerHTML = "";
     this.suggestionsTarget.style.border = "1px solid #0a0a0a";
     this.suggestionsTarget.style.padding = "4px";
   }
 
-}
+}

data/lib/marathi_typing/version.rb

@@ -1,3 +1,3 @@
 module MarathiTyping
-  VERSION = '0.2.0'
+  VERSION = '0.2.1'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: marathi_typing
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.1
 platform: ruby
 authors:
 - Ajit Dhanje
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-04-15 00:00:00.000000000 Z
+date: 2025-04-17 00:00:00.000000000 Z
 dependencies: []
 description:
 email: