broken new Line parsing YAML

[HenriPro]

Q&A (please complete the following information)

• OS: macOS
• Browser: chrome, safari, firefox
• Method of installation: dist bundle, swagger.io demo
• Swagger-UI version: 3.18.3
• Swagger/OpenAPI version: Swagger 2.0

Content & configuration

Example Swagger/OpenAPI definition:

swagger: '2.0'
info:
  description: broken line break
  version: 1.0
basePath: /test
schemes:
  - https
securityDefinitions:
  ApiKeyAuth:
    type: apiKey
    in: header
    name: apikey
paths:
  /test/brokennewline:
    get:
      tags:
        - Broken New Line
      summary: Broken new Line example
      description: Broken new line YAML example
      operationId: BrokenNewLine
      consumes:
        - application/json
      produces:
        - application/json
      security:
        - ApiKeyAuth: []
      parameters:
        - name: X-applicationNameA
          description: |
            This works note the dash on the line bellow
            e.g. CXMOBILE-56789
          in: header
          required: true
          type: string 
        - name: X-applicationNameB
          description: | 
            This should be also be two lines
            e.g. CXMOBILE156789
          in: header
          required: true
          type: string           

Describe the bug you're encountering

Fails to render new lines for parameter description as expected.
Both parameter descriptions should be two lines. Only the first one is rendered with a

The second without the dash does not get split into a new line. Adding a character like a comma or dash does result in correct render.

To reproduce...

Steps to reproduce the behavior:
Load yaml file

Expected behavior

All new lines in parameter description to be rendered as separate lines in html

[shockey]

Might be best to just remove our plaintext optimization to solve this:

swagger-ui/src/core/components/providers/markdown.jsx

Lines 22 to 27 in 15cdfe1

	if(isPlainText(source)) {
	// If the source text is not Markdown,
	// let's save some time and just render it.
	return <div className="markdown">
	{source}
	</div>