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

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


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

It will be great implement static method show/close

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

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

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

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

IE10, retail-ui 0.5.0

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

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

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

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

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

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

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

https://yadi.sk/i/Wz8JQquh3AxVxv

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

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

Если задать 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);

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

Вообще.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

IE10:

IE8:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Типа такого:

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

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

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

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

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

А так в Chrome

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

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

Есть код:

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> - все ок.

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

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

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

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

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

Гифка

Проверял в IE11

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

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