Examples: Emscripten: fixes minor rendering issues (#9281) - in Firefox, scrollbar would appear => adding overflow: hidden fixes this issue - when the canvas has the focus, Chrome draws a very small blue outline, setting it to none fixes this issue
diff --git a/docs/CHANGELOG.txt b/docs/CHANGELOG.txt index fba7c64..7aac388 100644 --- a/docs/CHANGELOG.txt +++ b/docs/CHANGELOG.txt
@@ -99,6 +99,9 @@ - Emscripten: added `tabindex=-1` to canvas in our shell_minimal.htm. Without it, the canvas was not focusable in the DOM, which in turn make some backends (e.g. pongasoft/emscripten-glfw) not receive focus loss events. (#9259) [@pthom] + - Emscripten: fixed minor rendering issues with our HTML shell. (#9281) [@ypujante] + - hidden small blue outline when canvas is focused on Chrome. + - hidden scrollbar in Firefox. - WebGPU: fixed undefined behaviors in example code for requesting adapter and device. (#9246, #9256) [@r-lyeh] - GLFW/SDL2/SDL3+WebGPU: removed suport for Emscripten <4.0.10. (#9281) [@ypujante]
diff --git a/examples/libs/emscripten/shell_minimal.html b/examples/libs/emscripten/shell_minimal.html index bcc5834..939dc17 100644 --- a/examples/libs/emscripten/shell_minimal.html +++ b/examples/libs/emscripten/shell_minimal.html
@@ -5,7 +5,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/> <title>Dear ImGui Emscripten example</title> <style> - body { margin: 0; background-color: black } + body { margin: 0; background-color: black; overflow: hidden; } /* FIXME: with our GLFW example this block seems to break resizing and io.DisplaySize gets stuck */ .emscripten { position: absolute; @@ -26,6 +26,9 @@ image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; } + #canvas:focus { + outline: none; + } </style> </head> <body>