Skip to content

[css-display] Interaction of run-in and block inside inline #1472

Closed
@Loirooriol

Description

@Loirooriol

How is this supposed to behave?

<span>
  A
  <b style="display: run-in">B</b>
  <div>C</div>
  D
</span>

I guess it's one of these options:

Option 1 Option 2
  1. The block breaks the inline
    <anonymous-block>
      <span>
        A
        <b style="display: run-in">B</b>
      </span>
    </anonymous-block>
    <div>C</div>
    <anonymous-block>
      <span>D</span>
    </anonymous-block>
  2. The run-in generates an anonymous block wrapper
    <anonymous-block>
      <span>
        A
        <anonymous-block>
          <b style="display: run-in">B</b>
        </anonymous-block>
      </span>
    </anonymous-block>
    <div>C</div>
    <anonymous-block>
      <span>D</span>
    </anonymous-block>
  3. The anonymous block generated by the run-in breaks the inline
    <anonymous-block>
      <anonymous-block>
        <span>A</span>
      </anonymous-block>
      <anonymous-block>
        <b style="display: run-in">B</b>
      </anonymous-block>
      <anonymous-block>
        <span></span>
      </anonymous-block>
    </anonymous-block>
    <div>C</div>
    <anonymous-block>
      <span>D</span>
    </anonymous-block>
  1. The run-in is inserted inside the block
    <span>
      A
      <div>
        <b style="display: run-in">B</b>
        C
      </div>
      D
    </span>
  2. The block breaks the inline
    <anonymous-block>
      <span>A</span>
    </anonymous-block>
    <div>
      <b style="display: run-in">B</b>
      C
    </div>
    <anonymous-block>
      <span>D</span>
    </anonymous-block>
Renders like
A
B
C
D
Renders like
A
B C
D

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions