nildarar
10.Сентябрь.2020 05:39:41
1
Список, открытый в Select-Kit, некорректно отображается в режиме RTL.
Текущая разметка:
+--------+
| target |
+-------------+
| |
| popper |
| |
+-------------+
Ожидаемая разметка:
+--------+
| target |
+-------------+
| |
| popper |
| |
+-------------+
Я проверил код и увидел, что настройки предназначены только для LTR.
icon: null,
icons: null,
maximum: null,
maximumLabel: null,
minimum: null,
minimumLabel: null,
autoInsertNoneItem: true,
clearOnClick: false,
closeOnChange: true,
limitMatches: null,
placement: "bottom-start",
placementStrategy: null,
filterComponent: "select-kit/select-kit-filter",
selectedNameComponent: "selected-name",
castInteger: false,
preventsClickPropagation: false,
focusAfterOnChange: true,
triggerOnChangeOnTab: true,
},
autoFilterable: computed("content.[]", "selectKit.filter", function () {
И используется здесь:
if (!placementStrategy) {
placementStrategy = inModal ? "fixed" : "absolute";
}
const verticalOffset = this.multiSelect ? 0 : 3;
/* global Popper:true */
this.popper = Popper.createPopper(anchor, popper, {
eventsEnabled: false,
strategy: placementStrategy,
placement: this.selectKit.options.placement,
modifiers: [
{
name: "offset",
options: {
offset: [0, verticalOffset],
},
},
{
name: "applySmallScreenOffset",
enabled: window.innerWidth <= 450,
Я попытался решить проблему, добавив некоторые CSS-коды, но, к сожалению, это вызвало ещё больше проблем. Я думаю, что если использовать placement: "bottom-end", когда страница в режиме RTL, проблема будет решена.
Кроме того, это привело к тому, что открытые popper-элементы отображаются за пределами экрана на некоторых мобильных телефонах. Если нужно, я могу отправить вам несколько скриншотов проблемы в личные сообщения.
1 лайк
nildarar
22.Октябрь.2020 08:30:29
3
Можем ли мы применить это изменение к нашему сообществу или его должно применить команда Discourse?
j.jaffeux
22.Октябрь.2020 08:31:30
4
Да, нужно подождать изменений, извините. Постараюсь посмотреть в ближайшее время, исправить должно быть несложно.
1 лайк
nildarar
22.Октябрь.2020 08:37:21
5
Спасибо за ваш ответ.
j.jaffeux
22.Октябрь.2020 08:42:02
6
Всё возможно, но я бы не рекомендовал. Я скоро посмотрю.
1 лайк
nildarar
22.Октябрь.2020 08:46:24
7
На компьютерах с шириной экрана более 1711 пикселей эту проблему легко заметить в настройках уведомлений в конце страницы темы.
1 лайк
j.jaffeux
22.Октябрь.2020 20:32:58
8
Я внес исправление в ветку master для этой проблемы. Дайте знать, если ситуация улучшится. Если нет, пожалуйста, сделайте скриншот.
5 лайков
nildarar
31.Октябрь.2020 06:38:47
9
Из-за удаления GIF-аватарок профильные изображения были обновлены с небольшим опозданием. Как выяснилось, эта проблема полностью решена.
Спасибо @j.jaffeux
2 лайка
