Unordered List Rendering as Ordered List

[hjohnsick051]

I am using Quill version 2.0.2. I am having an issue displaying unordered lists. When I use the editor and select the bulleted list icon from the toolbar the list displays with bullet points as it should. When I click the create button in my editor to display the list that was created with Quill it is displaying as an ordered list with numbers even though it was created as a bulleted list. When I inspect the page, I see that Quill is created an ordered list. Is there a work around for this issue? I need my list to display with bullet points, not numbers.

I tried doing something like this,

let qlEditorInnerHtml = document.querySelector(".ql-editor").innerHTML;

            if (qlEditorInnerHtml.includes('<li data-list="bullet">')) {
                $('ol').each(function () {
                    $(this).replaceWith($('<ul>' + this.innerHTML + '</ul>'));
                });
            }

When I debug, it goes into the if statement but the ol doesn't get replaced with ul.

[hjohnsick051]

I found a solution by doing this, if (qlEditorInnerHtml.includes('<li data-list="bullet">')) { qlEditorInnerHtml = qlEditorInnerHtml.replace(/<ol>/g, '<ul>').replace(/<\/ol>/g, '</ul>'); }
but the issue I have with this solution is if we want to display both an unordered list and an ordered list it will display as an unordered list as the html gets rendered inside one