Sve prijave
sagani_displayed izvještaji
#95282: "Tiles display incorrectly if the CSS "rotate" property is not supported"
O čеmu је ovaј izvеštaј?
Što se desilo ? Molim vas odaberite ispod
Prikaži grešku: neke informacije u igri su prikazane pogrešno (bez ozbiljnih utjecaja na igru)
Detaljan opis
• Molimo da opišеtе problеm prikaza. Ako imaš print screen ove greške (dobra praksa), možeš da koristiš Imgur.com da bi je okačio, a zatim iskopiraj link ovde.
NOTE: This _might_ be the root cause of boardgamearena.com/bug?id=92210
# Problem
If the user's browser does not yet support the "rotate" property, then when placing tiles the image
will not rotate.
The game data gets updated with a rotation (0°, 90°, 180°, 270°) but the image will remain unrotated
(0°) hence it looks like the tile is not rotated; this improper feedback causes confusion and can even
caue improper placement (if they wrongly believe they have NOT rotated).
# The Fix
Simply adding the proper `transform:rotate()` lines, shown below, to these CSS classes will fix this
problem:
.sag_tile-rot-90 {
rotate: 90deg;
transform: rotate(90deg);
}
.sag_tile-rot-180 {
rotate: 180deg;
transform: rotate(180deg);
}
.sag_tile-rot-270 {
rotate: 270deg;
transform: rotate(270deg);
}
# Reference
Support for the rotate _attribute_ is barely 12 months old for many browsers.
See: developer.mozilla.org/en-US/docs/Web/CSS/rotate#browser_compatibility
And: developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate#browser_compatibility
• Koјi је tvoј prеtraživač?
Google Chrome v103 and v115
Prijavite povijest
6. kol 2023. 19:27 • BoCo Marvelous • Razvojni programeri još nisu reproducirali ovaj bug:
100% repeatable based on the browser version
4. stu 2023. 18:18 • lefalaf • Razvojni programeri još nisu reproducirali ovaj bug:
Looks like a different change is needed. I thought this might fix the inability to rotate on older browsers.
I tried this today, using BGA's CSS override option. It allowed me to rotate in an older version of chrome on an older mac that won't update chrome to the latest. It also allowed me to rotate on safari on my iPhone which is not on the latest annual update.
However, the rotation order was strange and would point up (single "1" blue tile with 1 blue arrow) when it should have been another orientation, as I cycled through the options. I committed the tile where it should have been automatically satisfied (pointing up to blue), but it didn't move the token. I then checked on a laptop with the latest macOS after removing the CSS override and see that the tile is not as it visually looked when I placed it (with the CSS override). So the visual and the actual were out of sync with just the addition of this code, at least using the common BGA CSS override in the profile.
Thanks for putting this out there in an attempt to correct what really needs to be implemented and tested directly into the game code.
I tried this today, using BGA's CSS override option. It allowed me to rotate in an older version of chrome on an older mac that won't update chrome to the latest. It also allowed me to rotate on safari on my iPhone which is not on the latest annual update.
However, the rotation order was strange and would point up (single "1" blue tile with 1 blue arrow) when it should have been another orientation, as I cycled through the options. I committed the tile where it should have been automatically satisfied (pointing up to blue), but it didn't move the token. I then checked on a laptop with the latest macOS after removing the CSS override and see that the tile is not as it visually looked when I placed it (with the CSS override). So the visual and the actual were out of sync with just the addition of this code, at least using the common BGA CSS override in the profile.
Thanks for putting this out there in an attempt to correct what really needs to be implemented and tested directly into the game code.
Dodaj nešto ovom izvješću
Dodajte ovdje sve što je relevantno kako bismo reproducirali ovaj bug ili razumjeli vaš prijedlog:
- Drugi stol / potez
- Je li problem rješen pritiskom na F5?
- Da li se problem pojavio više puta? Uvijek? Nasumično?
- Ako imaš print screen ove greške (dobra praksa), možeš da koristiš Imgur.com da bi je okačio, a zatim iskopiraj link ovde.
