fixed the issue with newer version of javafx. updated javafx to the latest version

Signed-off-by: makbn <mehdi74akbarian@gmail.com>

Author: makbn

jlmap-api/pom.xml

@@ -51,6 +51,9 @@
                 <groupId>org.apache.maven.plugins</groupId>
                 <artifactId>maven-surefire-plugin</artifactId>
                 <version>3.1.2</version>
+                <configuration>
+                    <useModulePath>false</useModulePath>
+                </configuration>
             </plugin>
             <plugin>
                 <groupId>org.jacoco</groupId>
@@ -111,5 +114,17 @@
             <version>3.27.7</version>
             <scope>test</scope>
         </dependency>
+        <dependency>
+            <groupId>org.mockito</groupId>
+            <artifactId>mockito-core</artifactId>
+            <version>5.7.0</version>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.mockito</groupId>
+            <artifactId>mockito-junit-jupiter</artifactId>
+            <version>5.7.0</version>
+            <scope>test</scope>
+        </dependency>
     </dependencies>
 </project> 

jlmap-fx/pom.xml

@@ -105,7 +105,6 @@
                     <useModulePath>false</useModulePath>
                     <argLine>
                         --add-opens javafx.graphics/com.sun.javafx.application=ALL-UNNAMED
-                        --add-opens javafx.graphics/com.sun.javafx.application=org.testfx.junit5
                         --add-opens javafx.controls/com.sun.javafx.scene.control=ALL-UNNAMED
                         --add-opens javafx.graphics/com.sun.glass.ui=ALL-UNNAMED
                         --add-opens javafx.graphics/com.sun.javafx.tk=ALL-UNNAMED
@@ -116,7 +115,6 @@
                         --add-opens java.desktop/java.awt.font=ALL-UNNAMED
                         --add-opens javafx.web/com.sun.javafx.webkit=ALL-UNNAMED
                         --add-exports javafx.graphics/com.sun.glass.ui=ALL-UNNAMED
-                        --add-exports javafx.graphics/com.sun.glass.ui=org.testfx.monocle
                         -Djava.awt.headless=true
                         -Dtestfx.robot=glass
                         -Dtestfx.headless=true
@@ -258,7 +256,7 @@
         <dependency>
             <groupId>org.testfx</groupId>
             <artifactId>openjfx-monocle</artifactId>
-            <version>jdk-12.0.1+2</version>
+            <version>17.0.10</version>
             <scope>test</scope>
         </dependency>
         <!-- Additional utility libraries for testing -->

jlmap-fx/src/main/java/io/github/makbn/jlmap/fx/JLMapView.java

@@ -82,6 +82,7 @@ public JLMapView(@NonNull JLMapProvider jlMapProvider,
                 .build();
         this.layers = new HashMap<>();
         this.webView = new WebView();
+        this.webView.setCache(false);
         this.jlWebEngine = new JLJavaFXEngine(webView.getEngine());
         this.jlMapCallbackHandler = new JLMapEventHandler();
         initialize();

jlmap-fx/src/main/java/io/github/makbn/jlmap/fx/internal/JLFxMapRenderer.java

@@ -23,6 +23,7 @@ public String render(@NonNull JLMapOption option) {
                         title(TITLE),
                         meta().withCharset("utf-8"),
                         meta().withName("viewport").withContent("width=device-width, initial-scale=1.0"),
+                        script(webViewCompatibilityPatch()),
                         link()
                                 .withRel("stylesheet")
                                 .withHref(CSS_LEAFLET)
@@ -136,4 +137,27 @@ function eventHandler(functionType, jlType, uuid, param1, param2, param3) {
                 """;
     }
 
+    @NonNull
+    private String webViewCompatibilityPatch() {
+        //language=js
+        return """
+                (function() {
+                    try {
+                        // JavaFX WebView (versions > 19) has GPU compositing bugs with CSS translate3d
+                        // that corrupt tile positioning and cause black rectangles. Forcing Leaflet to
+                        // use 2D CSS transforms avoids the broken compositor path entirely.
+                        window.L_DISABLE_3D = true;
+                
+                        // JavaFX WebView can expose a broken PointerEvent implementation that
+                        // interferes with Leaflet's interaction handling. Force the mouse event path.
+                        if (window.PointerEvent) {
+                            window.PointerEvent = undefined;
+                        }
+                    } catch (e) {
+                        // best-effort only
+                    }
+                })();
+                """;
+    }
+
 }

jlmap-fx/src/test/java/io/github/makbn/jlmap/fx/test/internal/JLFxMapRendererTest.java

@@ -224,4 +224,63 @@ void render_shouldIncludeMetaTags() {
         assertThat(html).contains("<meta charset=\"utf-8\"");
         assertThat(html).contains("<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"");
     }
+
+    @Test
+    void render_shouldIncludeL_DISABLE_3D_flag() {
+        // Given
+        JLMapOption option = createDefaultMapOption();
+
+        // When
+        String html = renderer.render(option);
+
+        // Then - L_DISABLE_3D must be present to force 2D CSS transforms in JavaFX WebView
+        assertThat(html).contains("window.L_DISABLE_3D = true");
+    }
+
+    @Test
+    void render_shouldIncludePointerEventRemoval() {
+        // Given
+        JLMapOption option = createDefaultMapOption();
+
+        // When
+        String html = renderer.render(option);
+
+        // Then - PointerEvent must be disabled for JavaFX WebView compatibility
+        assertThat(html).contains("window.PointerEvent");
+        assertThat(html).contains("PointerEvent = undefined");
+    }
+
+    @Test
+    void render_shouldPlaceCompatibilityPatchBeforeLeafletScript() {
+        // Given
+        JLMapOption option = createDefaultMapOption();
+
+        // When
+        String html = renderer.render(option);
+
+        // Then - The patch must appear before Leaflet loads so L_DISABLE_3D is checked during init
+        int patchPosition = html.indexOf("L_DISABLE_3D");
+        int leafletScriptPosition = html.indexOf("leaflet@1.9.4/dist/leaflet.js");
+        assertThat(patchPosition)
+                .as("L_DISABLE_3D must appear before Leaflet script")
+                .isGreaterThan(-1)
+                .isLessThan(leafletScriptPosition);
+    }
+
+    @Test
+    void render_shouldWrapCompatibilityPatchInIIFE() {
+        // Given
+        JLMapOption option = createDefaultMapOption();
+
+        // When
+        String html = renderer.render(option);
+
+        // Then - The patch should be wrapped in an IIFE with try-catch for safety
+        int iifeStart = html.indexOf("(function()");
+        int disableFlag = html.indexOf("L_DISABLE_3D");
+        int iifeEnd = html.indexOf("})();");
+        assertThat(iifeStart).isGreaterThan(-1);
+        assertThat(disableFlag).isGreaterThan(iifeStart);
+        assertThat(iifeEnd).isGreaterThan(disableFlag);
+    }
 }

jlmap-vaadin/pom.xml

@@ -27,7 +27,7 @@
         <maven.compiler.source>17</maven.compiler.source>
         <maven.compiler.target>17</maven.compiler.target>
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <vaadin.version>24.8.6</vaadin.version>
+        <vaadin.version>24.9.12</vaadin.version>
         <org.springframework.boot.version>3.5.4</org.springframework.boot.version>
     </properties>
 

pom.xml

@@ -26,7 +26,7 @@
         <maven.compiler.source>17</maven.compiler.source>
         <maven.compiler.target>17</maven.compiler.target>
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
-        <javafx.version>19.0.2.1</javafx.version>
+        <javafx.version>21.0.5</javafx.version>
         <lombok.version>1.18.42</lombok.version>
         <jacoco.version>0.8.8</jacoco.version>
         <sonar.coverage.jacoco.xmlReportPaths>