Высота сегмента реагирования пользовательского интерфейса Semanti c в зависимости от содержимого - PullRequest
Новая
       14

Высота сегмента реагирования пользовательского интерфейса Semanti c в зависимости от содержимого

0 голосов
/ 04 мая 2020

У меня есть сегмент, отображаемый в моем приложении реагирования, которое будет содержать фрагменты кода с использованием response-syntax-highlighter, но сегмент не увеличивается с содержимым подсветки синтаксиса, и он обрезается. Я пытался изменить сегмент в контейнер, но это не имело значения, я также пытался обернуть подсветку синтаксиса в Grid / Grid.Row, но это привело к странным проблемам рендеринга, когда сегмент прикреплен в нижней части Меню с вкладками.

Ниже приведен скриншот того, что я вижу. Как я могу переформатировать, чтобы высота сегмента была добавлена ​​вокруг содержимого SyntaxHighlighter?

Пакет. json:
"реагировать-синтаксис-подсветка": "^ 12.2.1"
"semanti c -ui-реагировать": "^ 0.88.2"

https://i.stack.imgur.com/gFBoh.png

if (activeItem === 'code') {
            segment = (
                <Segment attached='bottom' padded>
                    <SyntaxHighlighter
                        language='javascript'
                        style={docco}
                        showLineNumbers
                        render={virtualizedRenderer()}>
                        {code}
                    </SyntaxHighlighter>
                </Segment>
            );

Примечание: это отображается в меню с вкладками на основе активного элемента, поскольку каждая вкладка будет содержать разные данные, поэтому я только отрезал сегмент вкладки кода, с которым я борюсь.

...