[Bug Report][3.3.4] <ul><li> doesn't show bullet points, list-style-type is ignored

[scscgit]

Environment

Vuetify Version: 3.3.4
Last working version: 2.5.7
Vue Version: 3.3.4
Browsers: Opera, Mozilla Firefox
OS: Windows 10

Steps to reproduce

Use <ul><li>First</li></ul> within Vuetify 3.

Expected Behavior

Unordered list displayed with bullet points with no further setup, beginner-friendly.

Actual Behavior

There is no bullet point. This worked in Vuetify 2 correctly, causing a migration blocker.

CSS property list-style-type doesn't work either.

Reproduction Link

https://play.vuetifyjs.com/#...

[KaelWD]

https://github.com/vuetifyjs/vuetify/pull/13609/files#diff-04bdabb50b2d4ad49979a6e6c4a1d28181f99687ab96a537209662947be7803e

The padding reset has always been there, but in v2 we had some overrides to bring it back.

[vessi-devs]

Same here, I found the same bug in version 3.3.5. No bullet points are shown.

[shobu13]

as pointed in #17677 , it's not a probelm of bullet points not shown, but list that don't align right with the container, so in this exemple, the bullets overflow to the left of the page and are not shown.

nested list are broken too

<ul>
  <li>python
    <ul>
      <li>django</li>
      <li>strawberry</li>
      <li>scripting random</li>
    </ul>
  </li>
</ul>

[dulimarta]

It works for me if I put "padding all" or "padding left" on the parent component

<ul class="pl-5">
  <li>python
    <ul class="pl-5">
      <li>django</li>
      <li>strawberry</li>
      <li>scripting random</li>
    </ul>
  </li>
</ul>

[iamface]

This appears to be caused by the padding reset.

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
}