glitch: expanding/collapsing panels are not working on a 2-panel screen

[leandrosardi]

I started a new screen with 2 panels only. So, I removed the <section id="pool1" name="pool1"... tag.

      <div class="container-fluid" style="padding-right: 0 !important;">
        <div class="row">
          <!-- Pool 1 - Removed -->
          <!-- Pool 2 -->
          <section id="pool2" name="pool2" class="col-6 panel ">
            <div id="panel2_panel" class="pool2-panel">
              <div id="pool2_header" name="pool2_header" class="panel2-header">
                 ....

Also, I removed the collapse/expand button in the left-side of the middle panel.

      <div class="container-fluid" style="padding-right: 0 !important;">
        <div class="row">
          <!-- Pool 1 - Removed -->
          <!-- Pool 2 -->
          <section id="pool2" name="pool2" class="col-6 panel ">
            <div id="panel2_panel" class="pool2-panel">
              <div id="pool2_header" name="pool2_header" class="panel2-header">
                <div class="header-info">
                  <div>
                    <span class="user-name">John L Miller</span> |
                    <span class="user-message">Full Stack Development</span>
                  </div>
                </div>
                <button class="close-btn" onclick="closePanel('pool2')">
                  <i class="fa fa-times-circle-o" aria-hidden="true"></i>
                </button>
                <button class="arrow" onclick="togglePanel('pool3')">
                  <i class="fa-solid fa-arrows-left-right"></i>
                </button>
                <!-- REMOVED ----------------------------------------------------------
                <button class="arrow-left" onclick="togglePanel('pool1')">
                  <i class="fa-solid fa-arrows-left-right"></i>
                </button>
                 ------------------------------------------------------------------------------ -->
              </div>

Problem

The other expand-collapse buttons are not working.