style.width.% неверно в последней ячейке при использовании clr-datagrid с clrDgRowSelection, если браузер не полноэкранный - PullRequest
0 голосов
/ 05 октября 2018

Это расстраивает;откровенно говоря, я немного ошеломлен этим

Буду очень признателен за любые мысли, рекомендации, предложения и т. д. ... кроме использования совершенно другой сетки данных (например, NgPrime), я не совсем уверенкак двигаться дальше с этой проблемой.

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

Angular CLI: 6.2.4
Node: 8.12.0
Clarity: 0.13.3

https://stackblitz.com/edit/clarity-light-theme-v013-1narkk

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

StackBlitz показывает проблему, когда ширина последней ячейки распространяется на предыдущую ячейку той же строки ...Это также проблематично, но я не совсем в этом разбираюсь ...

Единственное различие, которое осталось между моим env и StackBlitz, заключается в использовании <router-outlet> в элементе <div class="content-area"> - неуверен, имеет ли это значение ...

ПОЛНЫЙ ЭКРАН (ширина последней строки позволяет растянуть текст) full screen - rowSelection true

НЕ ПОЛНЫЙ ЭКРАН (последняя строкаширина преждевременно переносит текст) ПРИМЕЧАНИЕ. - курсор сразу же после переноса текста меняется с «указателя» на «руку», поэтому кажется, что ширина элемента метки строки неверна ... not full screen - rowSelection true

Похоже, что label class="datagrid-row-clickable" пропорционально ограничен доступной шириной экрана, которая не используется браузером (это всего лишь теория) not full screen - rowSelection true - showing remaining desktop space

Примечание - этот симптом НЕ возникает, если [clrDgRowSelection]="true" НЕ используется на clr-datagrid - как показано ниже ... not full screen - no rowSelection used

Может быть связано с

https://github.com/vmware/clarity/issues/2692

ПРИМЕЧАНИЕ - удаление [style.width.%]="c.width" воспроизводит проблемы, показанные в этом StackBlitz

https://stackblitz.com/edit/clarity-datagrid-issue-2525-reproduction

1 Ответ

0 голосов
/ 17 октября 2018

Окончательно определил проблему ...

При использовании ngx-contextmenu - есть обязательная ссылка на таблицу стилей для начальной загрузки (замечено в ее демонстрации StackBlitz )

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Удаление этого тега ссылки исправляет поведение, которое я обнаружил, когда браузер не был развернут

Контекстное меню больше не оформляется должным образом ... но этоне относится к инфраструктуре VMware Clarity

...