#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 taken care of in PRIORITY!
| # | Status | Votes | Game | Type | Title | Last update |
|---|
Detailed description
-
• Please copy/paste the error message you see on your screen, if any.
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 explains what you wanted to do, what you do and what happened
• What is your browser?
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?
• What is your browser?
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. • What is your browser?
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. • What is your browser?
Safari v13.1
-
• Which part of the rules was not respected 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?
• What is your browser?
Safari v13.1
-
• Which 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 do you try to do to trigger this game action?
-
• What happened when you try to do this (error message, game status bar message, ...)?
• What is your browser?
Safari v13.1
-
• At which step of the game did the problem occurs (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 try to do a game action (error message, game status bar message, ...)?
• What is your browser?
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. • What is your browser?
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?
• What is your browser?
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. • What is your browser?
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 something to this report
- Another table ID / move ID
- Did F5 solve the problem?
- Did the problem appears several time? Everytime? 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.
