<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> #2357 (Design Crashes! - Li button issue - Editor not filtering improper HTML usage.) – bbPress Trac </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!--[if IE]><script type="text/javascript"> if (/^#__msie303:/.test(window.location.hash)) window.location.replace(window.location.hash.replace(/^#__msie303:/, '#')); </script><![endif]--> <link rel="search" href="/search" /> <link rel="prev" href="/ticket/2356" title="Ticket #2356" /> <link rel="last" href="/ticket/3609" title="Ticket #3609" /> <link rel="help" href="/wiki/TracGuide" /> <link rel="alternate" href="/ticket/2357?format=csv" type="text/csv" class="csv" title="Comma-delimited Text" /> <link rel="alternate" href="/ticket/2357?format=tab" type="text/tab-separated-values" class="tab" title="Tab-delimited Text" /> <link rel="alternate" href="/ticket/2357?format=rss" type="application/rss+xml" class="rss" title="RSS Feed" /> <link rel="next" href="/ticket/2358" title="Ticket #2358" /> <link rel="start" href="/wiki" /> <link rel="stylesheet" href="https://s.w.org/style/trac/common/css/trac.css?v=220" /> <link rel="stylesheet" href="https://s.w.org/style/trac/common/css/ticket.css?v=220" /> <link rel="stylesheet" href="https://s.w.org/style/trac/common/css/jquery-ui/jquery-ui.css?v=220" /> <link rel="stylesheet" href="https://s.w.org/style/trac/common/css/jquery-ui-addons.css?v=220" /> <link rel="icon" href="https://bbpress.org/favicon.ico" type="image/x-icon" /> <link rel="first" href="/ticket/1" title="Ticket #1" /> <style id="trac-noscript" type="text/css">.trac-noscript { display: none !important }</style> <link type="application/opensearchdescription+xml" rel="search" href="/search/opensearch" title="Search bbPress Trac" /> <script type="text/javascript"> var auto_preview_timeout=2.0; var form_token="79c0238c94e27c4377ef2787"; var jquery_ui={"ampm":true,"date_format":"mm/dd/yy","day_names":{"abbreviated":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"narrow":["Su","Mo","Tu","We","Th","Fr","Sa"],"wide":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},"default_timezone":null,"first_week_day":0,"month_names":{"abbreviated":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wide":["January","February","March","April","May","June","July","August","September","October","November","December"]},"period_names":{"am":["AM","AM"],"pm":["PM","PM"]},"show_timezone":false,"time_format":"hh:mm:ss TT","timepicker_separator":" ","timezone_iso8601":false,"timezone_list":null}; var comments_prefs={"comments_order":"oldest","show_comments":"true","show_prop_changes":"true"}; </script> <link rel="dns-prefetch" href="//fonts.googleapis.com" /> <link rel="dns-prefetch" href="//www.googletagmanager.com" /> <script>//<![CDATA[ (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P24PF4B'); //]]></script> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&subset=latin%2Clatin-ext&ver=3.8.1-alpha" type="text/css" media="all" /> <link type="text/css" media="screen" rel="stylesheet" href="//bbpress.org/wp-content/themes/bb-base/style.css?v=24" /> <link type="text/css" media="screen" rel="stylesheet" href="//bbpress.org/wp-content/themes/bb-base/style-bbpress.css?v=24" /> <meta name="viewport" content="width=device-width" /> <link rel="stylesheet" href="https://s.w.org/wp-includes/css/dashicons.min.css?20150710" type="text/css" /> <link rel="stylesheet" type="text/css" href="https://s.w.org/style/trac/wp-trac.css?220" /> <script src="https://s.w.org/style/trac/common/js/jquery.js?v=220"></script> <link rel="canonical" href="https://bbpress.trac.wordpress.org/ticket/2357" /> <script src="https://s.w.org/style/trac/common/js/babel.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/trac.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/search.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/folding.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/wikitoolbar.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/resizer.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/auto_preview.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/jquery-ui.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/jquery-ui-addons.js?v=220"></script> <script src="https://s.w.org/style/trac/common/js/jquery-ui-i18n.js?v=220"></script> <script type="text/javascript"> jQuery("#trac-noscript").remove(); jQuery(document).ready(function($) { $(".trac-autofocus").focus(); $(".trac-target-new").attr("target", "_blank"); if ($.ui) { /* is jquery-ui added? */ $(".trac-datepicker:not([readonly])").prop("autocomplete", "off").datepicker(); $(".trac-datetimepicker:not([readonly])").prop("autocomplete", "off").datetimepicker(); $("#main").addClass("trac-nodatetimehint"); } $(".trac-disable").disableSubmit(".trac-disable-determinant"); setTimeout(function() { $(".trac-scroll").scrollToTop() }, 1); $(".trac-disable-on-submit").disableOnSubmit(); }); </script> <script src="https://s.w.org/style/trac/common/js/threaded_comments.js?v=220"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $("div.description").find("h1,h2,h3,h4,h5,h6").addAnchor(_("Link to this section")); $(".foldable").enableFolding(false, true); /*<![CDATA[*/ $("#attachments").toggleClass("collapsed"); $("#trac-up-attachments").click(function () { $("#attachments").removeClass("collapsed"); return true; }); $("#modify").parent().toggleClass("collapsed"); $(".trac-topnav a").click(function() { $("#modify").parent().removeClass("collapsed"); }); function setRevertHandler() { $("button.trac-revert").click(function() { var div = $("div", this); var field_name = div[0].id.substr(7); var field_value = div.text(); var input = $("#propertyform *[name=field_" + field_name + "]"); if (input.length > 0) { if (input.filter("input[type=radio]").length > 0) { input.val([field_value]); } else if (input.filter("input[type=checkbox]").length > 0) { input.val(field_value == "1" ? [field_value] : []); } else { input.val(field_value); } } else { // Special case for CC checkbox input = $("#propertyform input[name=cc_update]").val([]); } input.change(); // Remove the revert button if ($(this).closest("tbody").children("tr").length === 1) $(this).closest(".trac-change-panel").remove(); else $(this).closest("tr").remove(); return false; }); } setRevertHandler(); var comment_focused = false; $("#comment").focus(function() { comment_focused = true; }) .blur(function() { comment_focused = false; }); $("#propertyform").autoSubmit({preview: '1'}, function(data, reply) { var items = $(reply); // Update ticket box $("#ticket").replaceWith(items.filter('#ticket')); // Replaces content of #changelog, without recreating it $("#changelog").empty().append(items.filter("#changelog").contents()); // Apply comments order and "Show" preferences applyCommentsOrder( $('#prefs input[name="trac-comments-order"]:checked').val()); // Show warning var new_changes = $("#changelog .trac-new"); $("#trac-edit-warning").toggle(new_changes.length != 0); if (new_changes.length != 0) $("#changelog").parent().show().removeClass("collapsed"); // Update view time $("#propertyform input[name='view_time']").replaceWith(items.filter("input[name='view_time']")); // Update preview var preview = $("#ticketchange").html(items.filter('#preview').children()); var show_preview = preview.children().length != 0; $("#ticketchange").toggle(show_preview); setRevertHandler(); // Execute scripts to load stylesheets items.filter("script").appendTo("head"); }, "#ticketchange .trac-loading"); $("#trac-comment-editor").autoSubmit({preview_comment: '1'}, function(data, reply) { var comment = $("#trac-comment-editor").next("div.comment").html(reply); comment.toggle(comment.children().length != 0); }, "#changelog .trac-loading"); /*]]>*/ }); </script> </head> <body id="wordpress-org" class="bbpress trac wporg-make make-bbpress"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P24PF4B" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <dl id="accessibility"> <dt>Skip to:</dt> <dd><a href="#content" title="Skip to content">Content</a></dd> </dl> <div id="wporg-header"> <div id="header-inner"> <button id="mobile-menu-button" aria-expanded="false"><span class="screen-reader-text">Toggle Menu</span></button> <ul id="wporg-header-menu"> <li><a href="https://bbpress.org/about/">About</a></li> <li><a href="https://bbpress.org/plugins/">Plugins</a></li> <li><a href="https://bbpress.org/themes/">Themes</a></li> <li><a href="https://codex.bbpress.org/">Documentation</a></li> <li><a href="https://bbpress.org/blog/">Blog</a></li> <li><a href="https://bbpress.org/forums/">Support</a></li> <li class="download"><a href="https://bbpress.org/download/">Download</a></li> </ul> <h1><a href="https://bbpress.org">bbPress.org</a></h1> </div> </div> <div id="subnav"> <div id="subnav-inner"> <ul id="nav-user" class="menu"> <li class="last first"> <a href="https://login.wordpress.org/?redirect_to=https%3A%2F%2Fbbpress.trac.wordpress.org%2Fticket%2F2357" class="login">Login</a></li> </ul> </div> </div> <div id="banner"> <form id="search" action="/search" method="get"> <div> <label for="proj-search">Search:</label> <input type="text" id="proj-search" name="q" size="18" value="" /> <input type="submit" value="Search" /> </div> </form> </div> <div id="mainnav" class="nav"> <ul> <li class="first"><a href="/timeline">Timeline</a></li><li class="active"><a href="/report">View Tickets</a></li><li><a href="/roadmap">Roadmap</a></li><li><a href="/browser">Browse Source</a></li><li class="last"><a href="/ticketgraph">Ticket Graph</a></li> </ul> </div> <div id="main"> <div id="ctxtnav" class="nav"> <h2>Context Navigation</h2> <ul> <li class="first"><span>← <a class="prev" href="/ticket/2356" title="Ticket #2356">Previous Ticket</a></span></li><li class="last"><span><a class="next" href="/ticket/2358" title="Ticket #2358">Next Ticket</a> →</span></li> </ul> <hr /> </div> <div id="content" class="ticket"> <div id="ticket" class="trac-content "> <div class="date"> <p>Opened <a class="timeline" href="/timeline?from=2013-06-22T06%3A43%3A43Z&precision=second" title="See timeline at 06/22/2013 06:43:43 AM">11 years ago</a></p> <p>Last modified <a class="timeline" href="/timeline?from=2024-07-05T17%3A00%3A33Z&precision=second" title="See timeline at 07/05/2024 05:00:33 PM">4 months ago</a></p> </div> <h2> <a href="/ticket/2357" class="trac-id">#2357</a> <span class="trac-status"> <a href="/query?status=new">new</a> </span> <span class="trac-type"> <a href="/query?status=!closed&type=idea">idea</a> </span> </h2> <h1 id="trac-ticket-title" class="searchable"> <span class="summary">Design Crashes! - Li button issue - Editor not filtering improper HTML usage.</span> </h1> <table class="properties"> <tr> <th id="h_reporter">Reported by:</th> <td headers="h_reporter" class="searchable"> <a href="https://profiles.wordpress.org/pebbleontheshore" data-nicename="pebbleontheshore"> <img class="avatar" src="https://wordpress.org/grav-redirect.php?user=pebbleontheshore&s=48" srcset="https://wordpress.org/grav-redirect.php?user=pebbleontheshore&s=96 2x" height="48" width="48" alt="pebbleontheshore's profile" /> </a> <a class="trac-author" href="/query?status=!closed&reporter=Pebbleontheshore">Pebbleontheshore</a></td> <th id="h_owner" class="missing">Owned by:</th> <td headers="h_owner"></td> </tr> <tr> <th id="h_milestone"> Milestone: </th> <td headers="h_milestone"> <a class="milestone" href="/milestone/Future%20Release" title="No date set">Future Release</a> </td> <th id="h_priority"> Priority: </th> <td headers="h_priority"> <a href="/query?status=!closed&priority=normal">normal</a> </td> </tr><tr> <th id="h_severity"> Severity: </th> <td headers="h_severity"> <a href="/query?status=!closed&severity=major">major</a> </td> <th id="h_version"> Version: </th> <td headers="h_version"> <a href="/query?status=!closed&version=2.1">2.1</a> </td> </tr><tr> <th id="h_component"> Component: </th> <td headers="h_component"> <a href="/query?status=!closed&component=API+-+Formatting">API - Formatting</a> </td> <th id="h_keywords"> Keywords: </th> <td headers="h_keywords" class="searchable"> <a href="/query?status=!closed&keywords=~needs-patch">needs-patch</a> <a href="/query?status=!closed&keywords=~needs-unit-tests">needs-unit-tests</a> </td> </tr><tr> <th id="h_cc" class="missing"> Cc: </th> <td headers="h_cc" class="searchable"> </td> <th class="missing"> </th> <td> </td> </tr> </table> <div class="description"> <h3 id="comment:description"> Description </h3> <div class="searchable"> <p>When I create a topic or reply for a topic, if I click "li" button without "ul" or "ol" and submit the whole design crashes. When the participant user unknowingly do this this will be a problem. Then I disabled fancy editor and also tried <li>test</li> same thing happens. The design crashes. It shows if the end user gives improper or illogical html syntax within the content box the design breaks.<br /></p> </div> </div></div> <div id="attachments"> <h3 class="foldable">Attachments <span class="trac-count">(1)</span></h3> <div class="attachments"> <dl class="attachments"> <dt> <a href="/attachment/ticket/2357/help-bbPress!.jpg" title="View attachment">help-bbPress!.jpg</a><a href="/raw-attachment/ticket/2357/help-bbPress!.jpg" class="trac-rawlink" title="Download"></a> (<span title="100148 bytes">97.8 KB</span>) - added by <span class="trac-author">Pebbleontheshore</span> <a class="timeline" href="/timeline?from=2013-06-22T06%3A47%3A37Z&precision=second" title="See timeline at 06/22/2013 06:47:37 AM">11 years ago</a>. </dt> <dd> Li button issue design crash! </dd> </dl> <p> Download all attachments as: <a rel="nofollow" href="/zip-attachment/ticket/2357/">.zip</a> </p> </div> </div> <div> <div class="trac-noscript" style="position: relative"> <form id="prefs" method="get" action="/prefs" style="position: absolute; right: 0"> <div id="trac-comments-order"> <input type="radio" id="trac-comments-oldest" name="trac-comments-order" value="oldest" checked="checked" /> <label for="trac-comments-oldest">Oldest first</label> <input type="radio" id="trac-comments-newest" name="trac-comments-order" value="newest" /> <label for="trac-comments-newest">Newest first</label> <span id="trac-threaded-toggle" style="display: none"> <input type="radio" id="trac-comments-threaded" name="trac-comments-order" value="threaded" /> <label for="trac-comments-threaded">Threaded</label> </span> </div> <div> <input id="trac-show-comments-toggle" type="checkbox" checked="checked" /> <label for="trac-show-comments-toggle">Show comments</label> <input id="trac-show-property-changes-toggle" type="checkbox" /> <label for="trac-show-property-changes-toggle">Show property changes</label> </div> </form> </div> <h3 class="foldable">Change History <span class="trac-count">(13)</span></h3> <div id="changelog"> <div class="change"> <h3 class="change"> <span class="threading"> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/pebbleontheshore" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=pebbleontheshore&s=48" srcset="https://wordpress.org/grav-redirect.php?user=pebbleontheshore&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="Pebbleontheshore" data-nicename="pebbleontheshore"><span class="trac-author">Pebbleontheshore</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-06-22T06%3A47%3A37Z&precision=second" title="See timeline at 06/22/2013 06:47:37 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-attachment"> <strong class="trac-field-attachment">Attachment</strong> <a href="/attachment/ticket/2357/help-bbPress!.jpg"><em>help-bbPress!.jpg</em></a><a href="/raw-attachment/ticket/2357/help-bbPress!.jpg" title="Download" class="trac-rawlink"></a> added </li> </ul> <div class="comment searchable"> <p>Li button issue design crash!<br /></p> </div> </div> <div class="change" id="trac-change-1-1371966656594639"> <h3 class="change"> <span class="threading"> <span id="comment:1" class="cnum"> <a href="#comment:1">#1</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/johnjamesjacoby" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=johnjamesjacoby&s=48" srcset="https://wordpress.org/grav-redirect.php?user=johnjamesjacoby&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="johnjamesjacoby" data-nicename="johnjamesjacoby"><span class="trac-author">johnjamesjacoby</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2013-06-23T05%3A50%3A56Z&precision=second" title="See timeline at 06/23/2013 05:50:56 AM">11 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-component"> <strong class="trac-field-component">Component</strong> changed from <em>Forums</em> to <em>Formatting</em> </li><li class="trac-field-keywords"> <strong class="trac-field-keywords">Keywords</strong> <em>needs-patch</em> added </li><li class="trac-field-milestone"> <strong class="trac-field-milestone">Milestone</strong> changed from <em>Awaiting Review</em> to <em>Future Release</em> </li><li class="trac-field-priority"> <strong class="trac-field-priority">Priority</strong> changed from <em>highest</em> to <em>normal</em> </li><li class="trac-field-severity"> <strong class="trac-field-severity">Severity</strong> changed from <em>critical</em> to <em>major</em> </li><li class="trac-field-type"> <strong class="trac-field-type">Type</strong> changed from <em>defect</em> to <em>feature request</em> </li> </ul> <div class="comment searchable"> <p>Unfortunately, this is indicative of a larger problem in <a class="wiki" href="/wiki/WordPress">WordPress</a>'s force_balance_tags() function, which is that there is no routine or code for repairing invalid markup if parent tags are missing but child tags are present.<br /></p><p>It's definitely annoying. The visual editor did originally bypass this problem, but introduced others related to posting code snippets.<br /></p><p>Going to move this into Future Release, so we can keep an eye on this, and iterate on how this works over time.<br /></p><p>Thanks for the report!<br /></p> </div> </div> <div class="change" id="trac-change-2-1422903604610999"> <h3 class="change"> <span class="threading"> <span id="comment:2" class="cnum"> <a href="#comment:2">#2</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/johnjamesjacoby" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=johnjamesjacoby&s=48" srcset="https://wordpress.org/grav-redirect.php?user=johnjamesjacoby&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="johnjamesjacoby" data-nicename="johnjamesjacoby"><span class="trac-author">johnjamesjacoby</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2015-02-02T19%3A00%3A04Z&precision=second" title="See timeline at 02/02/2015 07:00:04 PM">10 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-type"> <strong class="trac-field-type">Type</strong> changed from <em>feature request</em> to <em>idea</em> </li> </ul> </div> <div class="change" id="trac-change-3-1451991278072805"> <h3 class="change"> <span class="threading"> <span id="comment:3" class="cnum"> <a href="#comment:3">#3</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2016-01-05T10%3A54%3A38Z&precision=second" title="See timeline at 01/05/2016 10:54:38 AM">9 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <ul class="changes"> <li class="trac-field-keywords"> <strong class="trac-field-keywords">Keywords</strong> <em>needs-unit-tests</em> added </li> </ul> </div> <div class="change" id="trac-change-4-1451991369472672"> <h3 class="change chat-bot"> <span class="avatar"> <span class="username-line"> <img src="https://wordpress.org/grav-redirect.php?user=slackbot&s=48" srcset="https://wordpress.org/grav-redirect.php?user=slackbot&s=96 2x" height="48" width="48" alt="" /> <p><em>This ticket was mentioned in <a class="ext-link" href="https://make.wordpress.org/chat/"><span class="icon"></span>Slack</a> in #bbpress by netweb. <a class="ext-link" href="https://wordpress.slack.com/archives/bbpress/p1451991367000271"><span class="icon"></span>View the logs</a>.</em><br /></p> </span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2016-01-05T10%3A56%3A09Z&precision=second" title="See timeline at 01/05/2016 10:56:09 AM">9 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> </div> <div class="change" id="trac-change-5-1466496588457861"> <h3 class="change"> <span class="threading"> <span id="comment:5" class="cnum"> <a href="#comment:5">#5</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2016-06-21T08%3A09%3A48Z&precision=second" title="See timeline at 06/21/2016 08:09:48 AM">8 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p>Via <a class="closed ticket" href="/ticket/2967" title="#2967: defect (bug): Creating an html list in a post without a defined order breaks forum layout (closed: duplicate)">Robkk</a> in <a class="closed ticket" href="/ticket/2967" title="#2967: defect (bug): Creating an html list in a post without a defined order breaks forum layout (closed: duplicate)">#2967</a>:<br /></p><blockquote class="citation"><p>If a user creates an html list without any surrounding tags defining the order to display the list in a topic or reply, the layout of the topic will break. Users in the support forum on bbpress.org do this all the time.<br /></p><p>To test just post something like this in a topic or reply in your test forum. <br /></p><pre class="wiki"><li></li><li></li><li></li></pre></blockquote><p><a style="padding:0; border:none" href="https://bbpress.trac.wordpress.org/raw-attachment/ticket/2967/forum%20post%20list%20messup.jpg"><img src="https://bbpress.trac.wordpress.org/raw-attachment/ticket/2967/forum%20post%20list%20messup.jpg" alt="https://bbpress.trac.wordpress.org/raw-attachment/ticket/2967/forum%20post%20list%20messup.jpg" crossorigin="anonymous" title="https://bbpress.trac.wordpress.org/raw-attachment/ticket/2967/forum%20post%20list%20messup.jpg" /></a><br /></p> </div> </div> <div class="change" id="trac-change-6-1466496663667360"> <h3 class="change"> <span class="threading"> <span id="comment:6" class="cnum"> <a href="#comment:6">#6</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2016-06-21T08%3A11%3A03Z&precision=second" title="See timeline at 06/21/2016 08:11:03 AM">8 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p><a class="closed ticket" href="/ticket/2967" title="#2967: defect (bug): Creating an html list in a post without a defined order breaks forum layout (closed: duplicate)">#2967</a> was marked as a duplicate<br /></p> </div> </div> <div class="change" id="trac-change-7-1485010988999478"> <h3 class="change"> <span class="threading"> <span id="comment:7" class="cnum"> <a href="#comment:7">#7</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/track77" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=track77&s=48" srcset="https://wordpress.org/grav-redirect.php?user=track77&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="Track77" data-nicename="track77"><span class="trac-author">Track77</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2017-01-21T15%3A03%3A08Z&precision=second" title="See timeline at 01/21/2017 03:03:08 PM">8 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p>As a temporary solution i using this code.<br /></p><pre class="wiki">add_filter('bbp_get_reply_content', 'fix_li_tags');function fix_li_tags( $content) { return "<ul>$content</ul>";}</pre> </div> </div> <div class="change" id="trac-change-8-1488248214243448"> <h3 class="change"> <span class="threading"> <span id="comment:8" class="cnum"> <a href="#comment:8">#8</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2017-02-28T02%3A16%3A54Z&precision=second" title="See timeline at 02/28/2017 02:16:54 AM">8 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p>Also creating a post with the following content breaks the layout on w.org and bbpress.org support forums<br /></p><pre class="wiki"><li><ol>first</ol><ol>second</ol></li></pre><p>See <a class="ext-link" href="https://wordpress.org/support/topic/code-blocks-ordered-lists/"><span class="icon"></span>https://wordpress.org/support/topic/code-blocks-ordered-lists/</a><br /></p><p>And discussion <a class="ext-link" href="https://wordpress.slack.com/archives/forums/p1488244520914118"><span class="icon"></span>https://wordpress.slack.com/archives/forums/p1488244520914118</a><br /></p> </div> </div> <div class="change" id="trac-change-9-1488435184599327"> <h3 class="change"> <span class="threading"> <span id="comment:9" class="cnum"> <a href="#comment:9">#9</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/netweb" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=netweb&s=48" srcset="https://wordpress.org/grav-redirect.php?user=netweb&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="netweb" data-nicename="netweb"><span class="trac-author">netweb</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2017-03-02T06%3A13%3A04Z&precision=second" title="See timeline at 03/02/2017 06:13:04 AM">8 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p>Related <a class="ext-link" href="https://meta.trac.wordpress.org//intertrac/ticket%3A20" title="ticket:20 in Making WordPress.org Trac"><span class="icon"></span>#meta20</a><br /></p> </div> </div> <div class="change" id="trac-change-10-1492733409709389"> <h3 class="change"> <span class="threading"> <span id="comment:10" class="cnum"> <a href="#comment:10">#10</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/sergeybiryukov" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=sergeybiryukov&s=48" srcset="https://wordpress.org/grav-redirect.php?user=sergeybiryukov&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="SergeyBiryukov" data-nicename="sergeybiryukov"><span class="trac-author">SergeyBiryukov</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2017-04-21T00%3A10%3A09Z&precision=second" title="See timeline at 04/21/2017 12:10:09 AM">8 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p>There's an <a class="ext-link" href="https://meta.trac.wordpress.org/ticket/20#comment:3"><span class="icon"></span>experimental patch</a> on <a class="ext-link" href="https://meta.trac.wordpress.org//intertrac/ticket%3A20" title="ticket:20 in Making WordPress.org Trac"><span class="icon"></span>#meta20</a> that could be used as a base for potential fix.<br /></p> </div> <div class="trac-lastedit "> Last edited <a class="timeline" href="/timeline?from=2017-04-21T00%3A10%3A32Z&precision=second" title="See timeline at 04/21/2017 12:10:32 AM">8 years ago</a> by <span class="trac-author">SergeyBiryukov</span> (<a href="/ticket/2357?cversion=0&cnum_hist=10#comment:10">previous</a>) (<a href="/ticket/2357?action=comment-diff&cnum=10&version=1">diff</a>) </div> </div> <div class="change" id="trac-change-11-1520622997556765"> <h3 class="change chat-bot"> <span class="avatar"> <span class="username-line"> <img src="https://wordpress.org/grav-redirect.php?user=slackbot&s=48" srcset="https://wordpress.org/grav-redirect.php?user=slackbot&s=96 2x" height="48" width="48" alt="" /> <p><em>This ticket was mentioned in <a class="ext-link" href="https://make.wordpress.org/chat/"><span class="icon"></span>Slack</a> in #forums by clorith. <a class="ext-link" href="https://wordpress.slack.com/archives/forums/p1520622994000685"><span class="icon"></span>View the logs</a>.</em><br /></p> </span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2018-03-09T19%3A16%3A37Z&precision=second" title="See timeline at 03/09/2018 07:16:37 PM">7 years</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> </div> <div class="change" id="trac-change-12-1720198833546850"> <h3 class="change"> <span class="threading"> <span id="comment:12" class="cnum"> <a href="#comment:12">#12</a> </span> </span> <span class="avatar"> <span class="username-line"><a href="https://profiles.wordpress.org/johnjamesjacoby" class="profile-link"> <img src="https://wordpress.org/grav-redirect.php?user=johnjamesjacoby&s=48" srcset="https://wordpress.org/grav-redirect.php?user=johnjamesjacoby&s=96 2x" height="48" width="48" alt="" /> @<span class="username" data-username="johnjamesjacoby" data-nicename="johnjamesjacoby"><span class="trac-author">johnjamesjacoby</span></span></a></span> <br /><span class="time-ago"><a class="timeline" href="/timeline?from=2024-07-05T17%3A00%3A33Z&precision=second" title="See timeline at 07/05/2024 05:00:33 PM">4 months</a> ago</span> </span> <div class="trac-ticket-buttons"> </div> </h3> <div class="trac-ticket-buttons"></div> <div class="comment searchable"> <p><a class="closed ticket" href="/ticket/3606" title="#3606: defect (bug): Using li Tag Breaks The Page (closed: duplicate)">#3606</a> was marked as a duplicate.<br /></p> </div> </div> </div> </div> <div id="help"><strong>Note:</strong> See <a href="/wiki/TracTickets">TracTickets</a> for help on using tickets.</div> </div> <div id="altlinks"> <a class="preferences-link" href="/prefs">Trac UI Preferences</a> <h3>Download in other formats:</h3> <ul> <li class="first"> <a rel="nofollow" href="/ticket/2357?format=csv" class="csv">Comma-delimited Text</a> </li><li> <a rel="nofollow" href="/ticket/2357?format=tab" class="tab">Tab-delimited Text</a> </li><li class="last"> <a rel="nofollow" href="/ticket/2357?format=rss" class="rss">RSS Feed</a> </li> </ul></div> </div> <div id="footer"> <div class="links"> <p> See also: <a href="http://wordpress.org">WordPress.org</a> • <a href="http://bbpress.org">bbPress.org</a> • <a href="http://buddypress.org">BuddyPress.org</a> • <a href="http://ma.tt">Matt</a> • <a href="http://bbpress.org/feed/" title="RSS Feed for Articles">Blog RSS</a> </p> </div> <div class="details"> <p> <a href="http://twitter.com/bbpress" class="twitter">Follow bbPress on Twitter</a> • <a href="http://bbpress.org/about/gpl/">GPL</a> • <a href="http://bbpress.org/contact/">Contact Us</a> • <a href="http://bbpress.org/terms/">Terms of Service</a> </p> </div> </div> <script> var wpTracCurrentUser = "anonymous"; </script> <script src="https://s.w.org/style/js/navigation.min.js?20190128"></script> <script src="https://s.w.org/style/trac/jquery.caret.min.js?ver=2015-02-01"></script> <script src="https://s.w.org/style/trac/jquery.atwho.min.js?ver=1.0.1"></script> <script src="https://s.w.org/style/trac/wp-trac.js?220"></script> </body></html>
