Page MenuHomePhabricator

In remarkup lists, multi-line items in nested lists group and indent in unexpected ways
Open, WishlistPublic

Description

Consider the following remarkup text:

- This is a list.
  - This is another list.

  This is not indented correctly.

This currently renders as follows:

<div class="phabricator-remarkup">
  <ul class="remarkup-list">
    <li class="remarkup-list-item">
      This is a list.
      <ul class="remarkup-list">
        <li class="remarkup-list-item">
          This is another list.
          <br><br>
          This is not indented correctly.
        </li>
      </ul>
    </li>
  </ul>
</div>

Instead, I was expecting it to be formatted as:

<div class="phabricator-remarkup">
  <ul class="remarkup-list">
    <li class="remarkup-list-item">
      This is a list.
      <ul class="remarkup-list">
        <li class="remarkup-list-item">
          This is another list.
        </li>
      </ul>
      This is not indented correctly.
    </li>
  </ul>
</div>

Event Timeline

joshuaspence raised the priority of this task from to Needs Triage.
joshuaspence updated the task description. (Show Details)
joshuaspence added a project: Remarkup.
joshuaspence added a subscriber: joshuaspence.

This also seems weird to me.

- This is a list.
  - This is another list.
  This is not indented correctly.

The above remarkup renders as:

<div class="phabricator-remarkup">
  <ul class="remarkup-list">
    <li class="remarkup-list-item">
      This is a list.
      <ul class="remarkup-list">
        <li class="remarkup-list-item">
          This is another list. This is not indented correctly.
        </li>
      </ul>
    </li>
  </ul>
</div>

Whereas I was expecting it to render as:

<div class="phabricator-remarkup">
  <ul class="remarkup-list">
    <li class="remarkup-list-item">
      This is a list.
      <ul class="remarkup-list">
        <li class="remarkup-list-item">
          This is another list.
          <br>
          This is not indented correctly.
        </li>
      </ul>
    </li>
  </ul>
</div>
epriestley renamed this task from Unexpected indentation to In remarkup lists, multi-line items in nested lists group and indent in unexpected ways.Nov 8 2015, 2:29 PM
epriestley triaged this task as Wishlist priority.