Skip to content

[Bug]: List in sidenav has bullet points #373

@ivanBell199

Description

@ivanBell199

Before submitting...

Context

li items have bullet points. Is it a new approach and the docs will be adjusted or is it a bug?

Current Behavior

I am trying Materialize 2.0.1-alpha. So I have added a sidenav as it is in the docs. In the docs there are no bullet points in the li items. However in my project they are displayed.

image

Expected behavior

I expected it to be like in the docs:

image

Possible Solutions or Causes

No response

Steps to reproduce

Create a new project with this simple code:


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Compiled and minified CSS -->
  <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/@materializecss/[email protected]/dist/css/materialize.min.css">
</head>

<body>
  <ul id="slide-out" class="sidenav">
    <li><a href="#!">First Link</a></li>
    <li><a href="#!">Second Link</a></li>
    <li><a href="#!">Third Link</a></li>
  </ul>
  <a href="#" data-target="slide-out" class="sidenav-trigger">Open menu</a>


  <!-- Compiled and minified JavaScript -->
  <script src="https://cdn.jsdelivr.net/npm/@materializecss/[email protected]/dist/js/materialize.min.js"></script>

  <script>
    M.AutoInit();
  </script>

</body>
</html>

Your Environment

  • Version used: 2.0.1-alpha
  • Browser Name and version: latest Chrome and Firefox
  • Operating System and version (desktop or mobile): Windows 11

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions