question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unordered List not nesting properly

See original GitHub issue

Decision Table

  • My issue does not look like “The HTML attribute ‘xxx’ is ignored” (unless we claim support for it)
  • My issue does not look like “The HTML element <yyy> is not rendered”

Good Faith Declaration

Description

I believe this is a similar issue to this one here #173 but the issue I’m posting now is the other way around.

Code:

<ul>
  <li>Tea</li>
  <li>Coffee</li>
  <ol>
    <li>Dog</li>
    <li>Cat</li>
  </ol>
</ul>

Expected result:

  • Tea
  • Coffee
    1. Dog
    2. Cat

Actual result:

  • Tea
  • Coffee
    1. Dog
    2. Cat

React Native Information

Expo CLI 4.11.0 environment info:
    System:
      OS: Windows 10 10.0.19043
    Binaries:
      Node: 14.17.6 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.11 - C:\Users\Ryan\AppData\Roaming\npm\yarn.CMD
      npm: 6.14.15 - C:\Program Files\nodejs\npm.CMD
    IDEs:
      Android Studio: Version     2020.3.0.0 AI-203.7717.56.2031.7678000
    npmPackages:
      expo: ^41.0.1 => 41.0.1
      react: ^17.0.2 => 17.0.2
      react-dom: ^17.0.2 => 17.0.2
      react-native: ^0.64.2 => 0.64.2
      react-native-web: ~0.13.12 => 0.13.18
    Expo Workflow: bare

RNRH Version

6.1.0

Tested Platforms

  • Android
  • iOS
  • Web
  • MacOS
  • Windows

Reproduction Platforms

  • Android
  • iOS
  • Web
  • MacOS
  • Windows

Minimal, Reproducible Example

https://snack.expo.dev/Kgn-_Ny45

Additional Notes

No response

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:15

github_iconTop GitHub Comments

1reaction
jsamrcommented, Sep 21, 2021

@mineminemine no worries, we all make mistakes 😃 Browsers are kind of unhelpful to learn those things because of their laxness…

0reactions
Slapboxcommented, Oct 20, 2022

I don’t understand if this is still an issue? Is the extra bullet caused by the custom renderer? Because we don’t see that with the default renderers with identically nested HTML lists.

Read more comments on GitHub >

github_iconTop Results From Across the Web

html - Nested list not working - Stack Overflow
As a nested list is considered to be a list within a list, you have to open another <ol> or <ul> inside the...
Read more >
How to Properly Nest Lists in HTML | Webucator
The trick to marking nested lists up correctly in HTML is to recognize that the sublist is actually a child of a list...
Read more >
Lists within lists - What am I doing wrong? - Codecademy
Now let's look at nesting. List item elements, <li></li> , are block elements, and as such may contain other blocks, including UL and...
Read more >
Nested unordered lists not created correctly · Issue #20 - GitHub
When creating a nested unordered list from text, PageEdit creates the following logical structure: The nested ul has a parent of ul which ......
Read more >
Nested ordered list does not format inside an unordered list
Another thing is that it seems to properly format in this message, so maybe it is just a matter of waiting for Redhat...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found