SimpleForm：始终在元素之前标记并且不切断文本

Question

如下图所示，标签被剪切掉，部分文字被省略号（...）取代。我希望有SimpleForm始终（无论屏幕大小或可用的DOM）显示文本左侧Label（如屏幕截图所示），但我希望完整标签为可见。

<f:SimpleForm
  editable="false"
  layout="GridLayout"
  title="Title"
  labelSpanXL="12"
  labelSpanL="12"
  labelSpanM="12"
  labelSpanS="12"
  adjustLabelSpan="true"
  emptySpanXL="8"
  emptySpanL="8"
  emptySpanM="8"
  emptySpanS="8"
  columnsXL="5"
  columnsL="5"
  columnsM="5"
  singleContainerFullSize="true">
  <f:content>
    <Label text="LABEL VERY LONG LABEL IS LONG"/>
    <Text text="TEXT"/>
  </f:content>
</f:SimpleForm>

Answer 1

您可以在<f:content>中使用FlexBox。

<f:content>
    <FlexBox width="100%" wrap="Wrap">
        <HBox width="100%" class="sapUiTinyMarginBottom">
            <VBox class="sapUiTinyMarginEnd">
                <Label text="LABEL VERY LONG LABEL IS LONG"/>
            </VBox>
            <VBox>
                <Text text="TEXT"/>
            </VBox>
        </HBox>
        <HBox width="100%">
            <VBox class="sapUiTinyMarginEnd">
                <Label text="SECOND LABEL VERY LONG LABEL IS LONG"/>
            </VBox>
            <VBox>
                <Text text="SECOND TEXT"/>
            </VBox>
        </HBox>
    </FlexBox>
</f:content>

Answer 2

从UI5版本1.50开始，您可以在Label中启用wrapping，以便它不会被切断。

更新：as of version 1.54，automatically enabled

中的换行(Simple)Form