#22599: "Display bug on Safari and small screens"
Про що цей звіт?
Що трапилося? Будь ласка, виберіть нижче
Що трапилося? Будь ласка, виберіть нижче
Будь ласка, перевірте, чи вже є звіт на цю тему
Якщо це так, будь ласка, ПРОГОЛОСУЙТЕ за цей звіт. Звіти з найбільшою кількістю голосів розглядатимуть У ПЕРШУ ЧЕРГУ!
| # | Status | Votes | Game | Type | Title | Last update |
|---|
Детальний опис
-
• Будь ласка, скопіюйте/вставте повідомлення про помилку, якщо ви бачите якесь на своєму екрані.
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. -
• Будь ласка, опишіть, що ви намагалися зробити, що зробили, та що трапилось
• Який у вас браузер?
Safari v13.1
-
• Будь ласка, скопіюйте/вставте текст відображений англійською замість вашої мови. If you have a screenshot of this bug (good practice), you can use a picture hosting service of your choice (snipboard.io for example) to upload it and copy/paste the link here. Чи цей текст доступний у системі перекладів? Якщо так, то чи перекладали його понад 24 години тому?
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. • Який у вас браузер?
Safari v13.1
-
• Будь ласка, поясніть вашу пропозицію точно й лаконічно, щоб було якомога легше зрозуміти, що ви маєте на увазі.
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. • Який у вас браузер?
Safari v13.1
-
• Що було на екрані до того, як ваша гра заблокувалася (Порожній екран? Частина ігрового інтерфейсу? Повідомлення про помилку?)
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. • Який у вас браузер?
Safari v13.1
-
• Які саме правила були порушені адаптацією гри на BGA
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. -
• Чи видні порушення правил на повторі гри? Якщо так, на якому кроці?
• Який у вас браузер?
Safari v13.1
-
• Яку ігрову дію ви намагалися виконати?
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. -
• Що ви намагались зробити, щоб активувати цю ігрову дію?
-
• Що сталося, коли Ви намагалися виконати цю дію (текст помилки, статус на панелі повідомлень, ...)?
• Який у вас браузер?
Safari v13.1
-
• На якому етапі гри виникла проблема (яка була на той момент вказівка в грі)?
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. -
• Що стається, коли ви намагаєтесь зробити ігрову дію (повідомлення про помилку, повідомлення на панелі статусу гри і т.п.)?
• Який у вас браузер?
Safari v13.1
-
• Будь ласка, опишіть візуальну помилку. If you have a screenshot of this bug (good practice), you can use a picture hosting service of your choice (snipboard.io for example) 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. • Який у вас браузер?
Safari v13.1
-
• Будь ласка, скопіюйте/вставте текст відображений англійською замість вашої мови. If you have a screenshot of this bug (good practice), you can use a picture hosting service of your choice (snipboard.io for example) to upload it and copy/paste the link here. Чи цей текст доступний у системі перекладів? Якщо так, то чи перекладали його понад 24 години тому?
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. • Який у вас браузер?
Safari v13.1
-
• Будь ласка, поясніть вашу пропозицію точно й лаконічно, щоб було якомога легше зрозуміти, що ви маєте на увазі.
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. • Який у вас браузер?
Safari v13.1
Історія звітів
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
Додайте що-небудь до цього відгуку
- ID іншого столу / ходу
- F5 вирішило проблему?
- Чи виникає проблема періодично? Щоразу? Випадково?
- If you have a screenshot of this bug (good practice), you can use a picture hosting service of your choice (snipboard.io for example) to upload it and copy/paste the link here.
