Если открыть два модала, а потом закрыть только один, то слетает затенение.

Пример ошибки по ссылке.
Проблема заключается в том, что меню combobox рендерится не внутри самого компонента, а в body, используя паттерн Portal. Поэтому при наведении на меню, событие hover у основого контейнера пропадает и combobox теряется.

Если поставить текст рядом с кнопкой или селектом, то фаерфокс и ИЕ делают так:


Оказывается, проблема эта известна давно, и, мало того, так и надо, даже в спеке так написано (последняя строка) .
Если я всё правильно понимаю, у нас всё ломается из-за overflow: hidden в Button-caption.
Даже не знаю, что предложить. :(

По комитам не смог задетектить когда сломали.
Репродьюситься в документации:
http://tech.skbkontur.ru/react-ui/#/components/Select

IE10, retail-ui 0.5.0

В Input плейсхолдер поехал вверх, а в Textarea не тот цвет.

Просьба синхронизировать иконки в гайдах https://guides.kontur.ru/resources/icons/ с инонками в репозитории компонентов

Хочется чтобы размер инпута можно было задавать так же как кнопкам.

Если задать margin дочернему элементу, неправильно вычисляется высота дочернего элемента.
Воспроизвести можно в коде из документации:

const style = {
  padding: 10,
  background: '#f99',
  margin: 10,
};

let stop = null;

ReactDOM.render((
  <div>
    <Sticky side="top" getStop={() => stop}>
      {fixed => (
        <div style={style}>
          Small loan of a million dollars
          {fixed ? ' fixed' : <div>not fixed</div>}
        </div>
      )}
    </Sticky>
    Great

    <div style={{height: 1000}} />
    <div ref={(el) => stop = el}
      style={{borderTop: '1px solid #000'}}
    />
    <div style={{height: 1000}} />

    <Sticky side="bottom" getStop={() => stop} offset={20}>
      <div style={style}>Make America Great Again</div>
    </Sticky>

    <div style={{height: 100}} />
  </div>
), mountNode);

У меня в системе установлен шрифт SegoeUI,

В хроме кнопки выглядят нормально

а firefox жирные (и некоторые заголовки тоже отличаются)

может быть дописать font-weight в стили кнопок?

Если ничего не найдено, в результатах поиска должна появляться соответствующая надпись:

Правая часть контейнера от стрелочки на 3-4 пикселя больше левой 🥚

Хочется чтобы дропдаун меню открывалось не кнопкой, а ссылкой.

Вообще было бы замечательно вынести (реализовать) компонент popup, который не будет привязан к кнопке.

Типа такого:

Иконки размываются в IE10 или если в любом браузере открыть инструменты разработчика.
Вот, например, скриншоты с одной и той же страницы в хроме на винде:

Retail-UI v.0.6.6.
Попытка вставить тост на главную Экстерна.

Описание в гайдах

http://tech.skbkontur.ru/react-ui/#/components/RadioGroup

При клике на элементы onChange срабатывет, но визуально выбранным нажатый элемент не становится.

Если у ссылки есть только onClick, то фокус после клика оставётся на ней

Есть проблема, что логотип по разному отображается в разных браузерах.
Может кто-нибудь помочь выровнять облачко?
http://tech.skbkontur.ru/react-ui/#/components/Logotype

Так выглядит логотип в IE11

А так в Chrome

Получается так, что наведение на иконку выбора даты генерит onMouseLeave.

Ну и дела. Кто-нибудь считает, что это проблема?

Как поставить фокус в ComboBox?

Если сейчас такой возможности нет, то предлагаю добавить метод focus() как у Input

Нужно уметь показывать счетчики показанных и общего числа найденных элементов:

It will be great implement static method show/close

• запретить напрямую коммитить в мастер,
• подружить CI с новым процессом.

Фиолетовый вариант взят из гайдов, синий — из реальной жизни..))

В ситуация когда DatePicker прибит к правой стороне календарь уходит за правую границу страницы.

Предложение:

Сделать свойство pos, аналогично как у ToolTip

Гифка

Проверял в IE11

После коммита d44942e#diff-1f6edd48633732db8cf62aaa79c3b8ebL34 стал некорректно отображаться dropdown, если было указано свойство icon, пример на скриншоте.

Не хватает следующих возможностей:

• понимать, какие изменения были внесены в новой версии,
• быстро отличать мажорные релизы от минорных,
• для каждой подключаемой компоненты выбирать конкретно ту версию, которая необходима.

Есть код:

var items = ['One', 'Two', 'Three'];
function renderItem(value, data) {
  return (
    <div>
      {data}
      <RadioGroup.Prevent>{data}</RadioGroup.Prevent>
    </div>
  )
}

ReactDOM.render((
  <div>
    <RadioGroup items={items} renderItem={renderItem}/>
  </div>
), mountNode);

Вместо радиокнопок вижу Warning: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

Если из renderItem убрать <RadioGroup.Prevent>{data}</RadioGroup.Prevent> - все ок.

Лайтбокс замечательно реагирует на увеличение высоты контента, однако обратное действие остаётся для него незамеченным: GIF с демонстрацией

UPD:, при увеличении высоты контента, футер сначала уезжает за пределы экрана и появляется прилипшим только при скролле

В полях с подключенными календарями добавить маску ввода, чтобы при вводе пользователем даты вручную, не используя календарь, можно было не использовать разделители или использовать любой разделитель. Подробно поведение описано в Контур.гайдах в разделе «Ввод текста» - см. http://guides.kontur/controls/calendar/. Пункт про использование стрелок для изменения значения в секциях даты имеет низкий приоритет.

А точнее, когда ComboBox не в режиме просмотра. Надо в InputLikeText дописать PASS_PROPS

Вообще.

Нужно иметь возможность контролировать, что вводит пользователь

Travis CI позволяет интегрироваться с Sauce Labs и BrowserStack.
https://docs.travis-ci.com/user/browserstack/
https://docs.travis-ci.com/user/gui-and-headless-browsers/
Нужно научиться запускать текущие тесты в разных браузерах.

Нет плейсхолдера в IE8.

IE10:

IE8:

При передаче в ComboBox autoFocus={true}, он должен себя вести так же, как и при получении фокуса.

Сейчас при autoFocus={true} он ведет себя не совсем корректно.
Появляется фокус, но не ставится курсор, не запускается поиск, не показываются результаты.

Нужно сделать цвет по гайдам

When width of window smaller then width of lightbox, it's falling to the bottom of page
https://www.dropbox.com/s/5mds7moomhzpwu5/Screenshot%202016-11-09%2016.54.05.png?dl=0

При слишком большом размере контента скроллбар может уменьшиться до невидимого размера.
Нужен какой-то лимит по минимальной высоте.

При наведении мыши на серую кнопку она промигивает по центру - выглядит очень странно (у меня два моника на маке, с одним моником такой фигни нет), все остальные ховеры кнопок работают нормально.

попробовал поменять градиент (брал последовательно из html color shades) без дерганья начинает работать с цвета #E0E0E0

сейчас у кнопки градиент
background-image: linear-gradient(-180deg, #FFFFFF, #EBEBEB);

я поменял на (стало норм):
background-image: linear-gradient(-180deg, #FFFFFF, #E0E0E0);

Раздражает дерганье очень сильно, так как стиль ховера используется не только на кнопке и баг повторяется везде где серый градиент.

Снял это всё на телефон, можете глянуть =)

https://yadi.sk/i/Wz8JQquh3AxVxv

Если снимать через захват экрана, баг на видео не проявляется.

Есть модал, который открывается по ссылке из комбобокса, у него прописан tid:

<Modal tid="NewContractorModal"></Modal>

При выполнении Lookup.findOne('NewContractorModal') находится элемент в теге noscript, внутри которого ничего нет.

Перенесли tid внутрь модала вот так:

<Modal><div tid="NewContractorModal"></div></Modal>

и Lookup стал находить модал правильно.

Очень хочется, чтобы в первом случае скрипт находил модал правильно.