#22599: "Display bug on Safari and small screens"
What is this report about?
What happened? Please select from below
What happened? Please select from below
Please check if there is already a report on the same subject
If yes, please VOTE for this report. Reports with the most votes are given PRIORITY!
| # | Status | Votes | Game | Type | Title | Last update |
|---|
Detailed description
-
• Please copy/paste the error message you see on your screen, if applicable.
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• Please explain what you wanted to do, what you did and what happened
• Which browser are you using?
Safari v13.1
-
• Please copy/paste the text displayed in English instead of your language. If you have a screenshot of this bug (good practice), you can use Imgur.com to upload it and copy/paste the link here.
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• Is this text available in the translation system? If yes, has it been translated for more than 24 hours?
• Which browser are you using?
Safari v13.1
-
• Please explain your suggestion precisely and concisely so that it's as easy as possible to understand what you mean.
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. • Which browser are you using?
Safari v13.1
-
• What was displayed on the screen when you were blocked (Blank screen? Part of the game interface? Error message?)
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. • Which browser are you using?
Safari v13.1
-
• Which part of the rules was not followed by the BGA adaptation?
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• Is the rules violation visible on game replay? If yes, at which move number?
• Which browser are you using?
Safari v13.1
-
• What was the game action you wanted to do?
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• What did you try to do to trigger this game action?
-
• What happened when you tried to do this (error message, game status bar message, ...)?
• Which browser are you using?
Safari v13.1
-
• At which step of the game did the problem occur? What was the current game instruction?
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• What happened when you tried to do this game action (error message, game status bar message, ...)?
• Which browser are you using?
Safari v13.1
-
• Please describe the display issue. If you have a screenshot of this bug (good practice), you can use Imgur.com to upload it and copy/paste the link here.
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. • Which browser are you using?
Safari v13.1
-
• Please copy/paste the text displayed in English instead of your language. If you have a screenshot of this bug (good practice), you can use Imgur.com to upload it and copy/paste the link here.
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. -
• Is this text available in the translation system? If yes, has it been translated for more than 24 hours?
• Which browser are you using?
Safari v13.1
-
• Please explain your suggestion precisely and concisely so that it's as easy as possible to understand what you mean.
The cards don't quite display correctly on iPhone, or on Safari on MacOS if the size of the window is small. imgur.com/a/HUExtQT
The same issue affects the display of collected bonus tokens, although not the ones on the board. • Which browser are you using?
Safari v13.1
Report history
Sadly Safari handles background-position slightly differently to other browsers when it is specified as a percentage (that is, a multiple of the size of the object being displayed). After calculating the size of the box being displayed, Safari appears to truncate/round those dimensions to an integer number of pixels as they are displayed on the screen, and then draw the image offset by percentages of that integer value. This becomes significant in small windows because the whole view gets scaled down so as to fit the minimum width. This difference of up to half-a-pixel, multiplied by percentages like 2200% adds up to an offset that can be substantial.
NB: I'm not saying Safari isn't wrong to be doing this truncation, but even if someone gets them to fix it, then it will still only look right for BGA users who have updated to the latest and greatest Safari version, whereas using px offsets should be correct for all viewers.
If it will not work. Could you perhaps play a little bit with the background-size-settings? I now have set them fixed:
#carriages .stockitem {
background-size: 780px 100px;
}
and
.citycard {
background-size: 2300px 156px;
}
I am quite sure, it should have to do with the background-size. You could also try for the city cards
.citycard {
background-size: 3450px 235px;
}
and also adapt the stockitem html-fixed-size to 150px x 235 px
Add to this report
- Another table ID / move ID
- Did F5 solve the problem?
- Did the problem appear several times? Every time? Randomly?
- If you have a screenshot of this bug (good practice), you can use Imgur.com to upload it and copy/paste the link here.
