Mantas Varnagiris
03/17/2024, 8:04 PMMantas Varnagiris
03/17/2024, 8:05 PMArtem Kobzar
03/18/2024, 8:39 AMWindow
for Compose for Web, and from 1.6.0 user should setup the size on the HTML side for the canvas
which renders the CanvasBasedWindow
?[JB] Shagen
03/18/2024, 8:51 AMOleksandr Karpovich [JB]
03/18/2024, 9:21 AMcanvas
which renders the CanvasBasedWindow
?
Setting the size on the HTML side is not necessary. By default the canvas will take the entire window space (at least it should unless there is a bug).Mantas Varnagiris
03/18/2024, 9:34 AM<!DOCTYPE html>
<html lang="en">
<head>
<title>Dovanų Sąrašas</title>
<script src="skiko.js" type="application/javascript"></script>
<script src="dovanusarasas.js" type="application/javascript"></script>
<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: white;
overflow: hidden;
}
#warning {
position: absolute;
top: 100px;
left: 100px;
z-index: 100;
}
#warning li {
padding-bottom: 15px;
}
#warning span.code {
font-family: monospace;
}
ul {
margin-top: 0;
margin-bottom: 15px;
}
#footer {
position: fixed;
bottom: 0;
width: 100%;
background-color: white;
}
#close {
position: absolute;
top: 0;
right: 10px;
cursor: pointer;
}
</style>
</head>
<body>
<canvas id="dovanuSarasasCanvas"></canvas>
</body>
</html>
[JB] Shagen
03/18/2024, 10:14 AMMantas Varnagiris
03/18/2024, 10:19 AMOleksandr Karpovich [JB]
03/18/2024, 11:12 AMfun main() {
CanvasBasedWindow(title = "1.6.1 Regression Demo", canvasElementId = "ComposeTarget") {
Box(Modifier.fillMaxSize().background(Color.Magenta))
}
}
Do you have anything else in your main function?
Do you use k/wasm or k/js target? (Both work fine btw in our case)
What browser do you use? (Look like Chrome, but just to be sure) What version?
Did it start the page like this? Or after some actions?[JB] Shagen
03/18/2024, 11:12 AMMantas Varnagiris
03/18/2024, 11:27 AMMantas Varnagiris
03/18/2024, 11:27 AMMantas Varnagiris
03/18/2024, 11:27 AMMantas Varnagiris
03/18/2024, 11:28 AMMantas Varnagiris
03/18/2024, 11:33 AMOleksandr Karpovich [JB]
03/18/2024, 11:34 AMMantas Varnagiris
03/18/2024, 11:35 AMOleksandr Karpovich [JB]
03/18/2024, 11:36 AMMantas Varnagiris
03/18/2024, 11:37 AMOleksandr Karpovich [JB]
03/18/2024, 1:57 PMMantas Varnagiris
03/18/2024, 2:11 PMAJ Alt
03/18/2024, 5:42 PM[JB] Shagen
03/18/2024, 6:14 PMMantas Varnagiris
03/26/2024, 4:05 PM1.6.10-dev1551
already is scaling to full window, but it seems like it scale up from previously squished version as the UI seems to be blurry. And also input for components seem to be with offset. For example hover effect on a button kicks in when my mouse is in that red marked areaJack
03/26/2024, 10:27 PMJack
04/01/2024, 7:13 PM1.6.10-dev1551
do not occur if I set my Linux/Chrome browser's zoom level to 80%, which results in window.devicePixelRatio = 1.0
. When the display ratio is higher (e.g. 1.375 at browser zoom 110%) the display becomes blurry and mouse coordinates are misaligned. With compose-web version 1.6.0
I do not experience display blur or mouse offset issues, regardless of devicePixelRatio.louiscad
04/01/2024, 9:24 PMJack
04/01/2024, 9:46 PMMantas Varnagiris
04/02/2024, 7:18 AMGreg Steckman
04/21/2024, 2:44 AMGreg Steckman
04/21/2024, 2:46 AM