Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Can't move cards on "Projects" from one column to another #581

Closed
batzen opened this issue Jan 27, 2018 · 5 comments
Closed

Can't move cards on "Projects" from one column to another #581

batzen opened this issue Jan 27, 2018 · 5 comments
Labels
external 😏

Comments

@batzen
Copy link

batzen commented Jan 27, 2018 •
edited by Mottie
Loading

  • Browser: Chrome v64
  • Operating System: Windows 10 1709

Moving cards on "Projects" from one column to another does not work when GitHub-Dark is active. When deactivating GitHub-Dark it immediately starts working again.

  • HTML of the section where the issue occurs:
HTML 
<div class="project-columns-container d-flex flex-auto flex-row p-3 position-relative js-project-columns-container js-socket-channel js-project-columns-drag-container" data-url="/fluentribbon/Fluent.Ribbon/projects/1.json" data-cards-url="/fluentribbon/Fluent.Ribbon/projects/1/cards" data-columns-url="/fluentribbon/Fluent.Ribbon/projects/1/columns" data-channel="projects:486584">
          <div class="project-column position-relative d-flex flex-auto flex-column overflow-hidden mr-3 v-align-top rounded-1 border bg-gray-light ws-normal js-project-column js-socket-channel js-keyboard-movable" id="column-829466" tabindex="0" data-retain-focus="" data-url="/fluentribbon/Fluent.Ribbon/projects/1/columns/829466" data-id="829466">

  <div class="border-bottom clearfix js-details-container details-container Details project-column-header js-add-note-container">
    <div class="p-2 ">
        
<span class="column-menu-container dropdown float-right position-static js-menu-container ">
  <button class="text-gray-light btn-octicon p-1 dropdown-toggle js-menu-target" type="button" aria-label="Column menu" aria-expanded="false" aria-haspopup="true">
    <svg aria-hidden="true" class="octicon octicon-kebab-horizontal" height="16" version="1.1" viewBox="0 0 13 16" width="13"><path fill-rule="evenodd" d="M1.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path></svg>
  </button>
  <div class="dropdown-menu-content js-menu-content position-absolute right-0 top-0 mt-5 mr-0" aria-expanded="false">
    <div class="dropdown-menu dropdown-menu-sw">
      <a href="#edit-column-829466" rel="facebox" class="dropdown-item btn-link btn-block text-left js-menu-close">
        Edit column
      </a>
      <a href="#edit-column-automation-829466" rel="facebox" class="dropdown-item btn-link btn-block text-left js-menu-close">
        Manage automation
      </a>
      <button class="dropdown-item text-left btn-link js-zeroclipboard js-menu-close" data-copied-hint="Copied" type="button" data-clipboard-text="https://github.com/fluentribbon/Fluent.Ribbon/projects/1#column-829466">
        Copy column URL
      </button>
      <hr class="p-0 mt-2 mb-2">
      <a href="#delete-column-829466" rel="facebox" class="dropdown-item btn-link btn-block text-left js-menu-close">
        Delete column
      </a>
    </div>
  </div>
</span>

<div id="delete-column-829466" hidden="">
  
<div>
  <h2 class="facebox-header">Delete Todo</h2>
  <p>This action will remove any cards and automation preset associated with the column.</p>
  <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829466" class="js-delete-project-column" data-column-id="829466" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="delete"><input name="authenticity_token" type="hidden" value="jdJTuySVqRC2ChSMkm8mO6xgZORV0yOXjwzXw7No4wd6+yK+L5pgRqa37uDg/1NQmlOE+bxjNHMXHFqvW1LujQ=="></div>
    <button class="btn btn-danger" type="submit" data-disable-with="Deleting column..." data-confirm="Are you sure?">
      Delete column
    </button>
    <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
</form></div>

</div>
<div id="edit-column-829466" hidden="">
  
<div class="js-column-form-container">
  <h2 class="facebox-header">Edit Todo</h2>
  <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829466" autocomplete="off" class="js-update-project-column" data-column-id="829466" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="QLLfIftxZ9EgCRtGQd2QrMdMv1cJ2f5TNdPz5pUDjG1pAOAN6kOVpLL40cC0zGH53Fy48X2hykXxjvytu+hIzw=="></div>
    <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">

    
<dl class="form-group ">
  <dt>
    <label data-facebox-for="project_column_name">Column name</label>
  </dt>
  <dd>
    <input type="text" class="js-project-column-name-field js-quick-submit form-control" name="project_column[name]" data-facebox-id="project_column_name" value="Todo" placeholder="Enter a column name (To Do, In Progress, Done)" maxlength="140" required="" autofocus="">
  </dd>
  <dd class="error">
    
  </dd>
</dl>


    <p>
      <button class="btn btn-primary js-normalize-submit" data-disable-invalid="" data-disable-with="Updating column..." type="submit">
        Update column
      </button>
    </p>
</form></div>

</div>
<div id="edit-column-automation-829466" hidden="">
  
<div class="js-column-form-container">
  <h2 class="facebox-header">Manage automation for Todo</h2>
  <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829466/workflow" autocomplete="off" class="js-update-project-column js-column-settings-form" data-column-id="829466" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="eWpZ1CkpZLbxCkaLUKOjpW6toQ1BpOfXJjIiRdVOcASYhRdiImvPh6Cuw3+kfWphDZO0yiPefO3UfMzCrQ6LHw=="></div>
    <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">

    
<dl class="form-group ">
  <dt>
    <p>
      Choose a preset to enable progress tracking, automation, and better context sharing across your project.
    </p>
  </dt>
  <dd>
    <div class="select-menu js-menu-container js-select-menu js-column-purpose-selector">
      <button class="btn select-menu-button js-menu-target js-column-purpose-button" type="button" aria-haspopup="true" aria-expanded="false" disabled="">
        <i>Preset:</i>
        <span class="js-select-button">To do</span>
      </button>

      <img alt="" class="ml-2 d-inline v-align-middle d-none js-project-autmoation-loader" height="24" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-64.gif" width="24">

      <div class="select-menu-modal-holder">
        <div class="select-menu-modal subscription-menu-modal js-menu-content" aria-hidden="false">
          <div class="select-menu-header js-navigation-enable" tabindex="-1">
            <button class="btn-link close-button js-menu-close" type="button"><svg aria-label="Close menu" class="octicon octicon-x" height="16" role="img" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"></path></svg></button>
            <span class="select-menu-title">Select type</span>
          </div>

          <div class="select-menu-list js-navigation-container js-active-navigation-container">
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">None</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="" required="">
                  <span class="description">This column will not be automated</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    None
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item selected" role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">To do</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="TODO" checked="" required="">
                  <span class="description">Planned but not started</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    To do
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">In progress</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="IN_PROGRESS" required="">
                  <span class="description">Actively being worked on</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    In progress
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">Done</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="DONE" required="">
                  <span class="description">Items are complete</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    Done
                  </span>
                </div>
              </div>
          </div>
        </div>
      </div>

      <div class="position-relative overflow-auto mt-3 js-project-column-automation" data-id="829466" data-src="/fluentribbon/Fluent.Ribbon/projects/1/automation_options">
        <div class="js-project-automation-options"></div>
      </div>
    </div>
  </dd>
</dl>


    <p>
      <button class="btn btn-primary js-normalize-submit" data-disable-invalid="" data-disable-with="Updating automation..." type="submit">
        Update automation
      </button>
    </p>
</form></div>

</div>


        <button type="button" class="float-right js-details-target btn-octicon p-1 tooltipped tooltipped-w " aria-label="Add a note to this column" aria-expanded="false">
          <svg aria-hidden="true" class="octicon octicon-plus" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5z"></path></svg>
        </button>
      <h4 class="px-1 m-0 f5 v-align-middle d-inline">
        <span class="js-project-column-name">Todo</span>
        <span class="Counter ml-1 position-relative js-column-card-count" aria-label="Contains 1 item">1</span>
          <span class="sr-only">Press enter to move this column</span>
      </h4>
    </div>
      <div class="project-note-form mt-3 p-2 Details-content--hidden">
        <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829466/cards" class="js-project-note-form js-length-limited-input-container" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="k38pMnDUhNHXfwM/H2IWTIsXh7wh5hHluhngBhIsNMMyx2BUv1xk5MC5/653BAb5QUKds5qOArmi3/9EMtFcSA=="></div>
          <input type="hidden" name="content_type" value="Note">
          <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
          <textarea name="note" required="" autofocus="" aria-label="Enter a note" class="form-control input-block js-quick-submit js-size-to-fit js-note-text js-length-limited-input" data-input-max-length="1024" data-warning-length="99" data-warning-text="{{remaining}} remaining" placeholder="Enter a note"></textarea>
          <p class="js-length-limited-input-warning d-none mt-3 mb-0 text-center"></p>
          <div class="d-flex mt-2">
            <button type="submit" class="btn btn-primary flex-item-equal mr-1" data-disable-invalid="" disabled="">Add card</button>
            <button type="button" class="btn flex-item-equal ml-1 js-dismiss-note-form-button">Cancel</button>
          </div>
</form>
        <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/preview_note" class="js-preview-note-form" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div>
          <input type="hidden" name="note">
</form>        <div class="js-note-preview"></div>
      </div>
  </div>

  

  <p class="js-filtered-column-card-count mt-2 mb-0 f6 text-center text-gray-light d-none"></p>

  <div id="column-cards-829466" class="position-relative flex-auto overflow-auto px-2 pb-2 js-project-column-cards js-card-drag-container " data-id="829466">
    

  <div class="issue-card project-card position-relative rounded-1 bg-white my-2 mx-0 border ws-normal js-project-column-card js-socket-channel js-updatable-content draggable js-keyboard-movable" id="card-2227133" tabindex="0" data-retain-focus="" data-channel="projects:cards:2227133" data-url="/fluentribbon/Fluent.Ribbon/projects/1/cards/2227133" data-card-id="2227133" data-content-type="Issue" data-content-id="180850444" data-card-assignee="[]" data-card-author="[&quot;the-madcat&quot;]" data-card-label="[&quot;bug&quot;,&quot;help wanted&quot;]" data-card-repo="[&quot;fluentribbon/fluent.ribbon&quot;]" data-card-state="[&quot;open&quot;]" data-card-title="[&quot;keytips&quot;,&quot;for&quot;,&quot;standard&quot;,&quot;controls&quot;,&quot;357&quot;,&quot;#357&quot;]" data-card-type="[&quot;issue&quot;]" data-card-is="[&quot;open&quot;,&quot;issue&quot;]">

  <div class="d-flex flex-row">
    <div class="flex-auto min-width-0 position-relative">
      <div class="pl-5 p-2">
  <span class="card-menu-container dropdown position-static js-menu-container">
  <button class="text-gray-light link-hover-blue btn-octicon p-0 dropdown-toggle js-menu-target position-absolute right-0 top-0 mt-2 mr-3" type="button" aria-label="Card menu" aria-expanded="false" aria-haspopup="true">
    <svg aria-hidden="true" class="octicon octicon-kebab-horizontal" height="16" version="1.1" viewBox="0 0 13 16" width="13"><path fill-rule="evenodd" d="M1.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path></svg>
  </button>
  <div class="dropdown-menu-content js-menu-content position-absolute right-0 top-0 mt-4 mr-1">
    <div class="dropdown-menu dropdown-menu-sw">
      <div class="js-zeroclipboard-container">
        <button class="dropdown-item text-left btn-link js-zeroclipboard js-menu-close" data-copied-hint="Copied" type="button" data-clipboard-text="https://github.com/fluentribbon/Fluent.Ribbon/projects/1#card-2227133">
          Copy card URL
        </button>
      </div>

      <hr class="p-0 mt-2 mb-2">
      
    <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/cards/2227133" class="js-delete-card d-inline" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="delete"><input name="authenticity_token" type="hidden" value="bouJQAmnD+0VxJ8BliTWhQL8m3mKq1QYe2YdDtt8jJdIgsKRX1tG+k+U4UsfNsWtUPvdYyTDGH97jb86Sq+aTg=="></div>
        <button type="submit" aria-label="Remove from project" class="dropdown-item btn-link btn-block text-left" data-confirm="This will remove this card from the project">
          Remove from project
        </button>
        <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
</form>
    </div>
  </div>
</span>

  <span class="card-octicon position-absolute">
  <div class="text-green">
    <svg aria-label="Open Issue" class="octicon octicon-issue-opened open" height="16" role="img" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg>
  </div>
</span>

<a href="/fluentribbon/Fluent.Ribbon/issues/357" class="h5 d-block lh-condensed mr-4 mb-1">KeyTips for standard controls</a>


<small class="text-gray d-block ">
    #357 opened by <a href="/the-madcat" class="text-gray-dark">the-madcat</a>
</small>


  <span class="labels d-block pb-1 ">
      <button type="button" class="btn-link css-truncate js-card-filter-label issue-card-label IssueLabel mt-1 v-align-middle labelstyle-fc2929 linked-labelstyle-fc2929  css-truncate css-truncate-target" style="max-width: 150px; background-color: #fc2929; color: #000000" data-label="bug" title="bug">
        <span class="css-truncate-target">bug</span>
      </button>
      <button type="button" class="btn-link css-truncate js-card-filter-label issue-card-label IssueLabel mt-1 v-align-middle labelstyle-159818 linked-labelstyle-159818  css-truncate css-truncate-target" style="max-width: 150px; background-color: #159818; color: #000000" data-label="help wanted" title="help wanted">
        <span class="css-truncate-target">help wanted</span>
      </button>
  </span>


</div>


        <span class="sr-only">Press enter to move this card</span>
    </div>

  </div>
</div>



  </div>

    <div class="p-2 text-small text-gray-light border-top js-project-column-automation-footer ">
      Automated as
      <span class="Label Label--gray tooltipped tooltipped-n tooltipped-multiline automation-summary-tooltip js-project-column-automation-summary" aria-label="Move all newly added issues and pull requests here">
        To do
      </span>
      <a class="btn-link float-right " href="#edit-column-automation-829466" rel="facebox">Manage</a>
    </div>

    <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829466/cards" class="js-project-content-form js-project-update-card" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="IwTUBHcmDqHQZjNnGZHZOdINAvp1OLD0/uqP6praHR2CvJ1iuK7ulMegz/Zx98mMGFgY9c5Qo6jmLJCouid1lg=="></div>
      <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
      <input type="hidden" name="card_id">
      <input type="hidden" name="content_id">
      <input type="hidden" name="content_type">
      <input type="hidden" name="previous_card_id">
      <input type="hidden" name="keyboard_move">
</form></div>

          <div class="project-column position-relative d-flex flex-auto flex-column overflow-hidden mr-3 v-align-top rounded-1 border bg-gray-light ws-normal js-project-column js-socket-channel js-keyboard-movable" id="column-829467" tabindex="0" data-retain-focus="" data-url="/fluentribbon/Fluent.Ribbon/projects/1/columns/829467" data-id="829467">

  <div class="border-bottom clearfix js-details-container details-container Details project-column-header js-add-note-container">
    <div class="p-2 ">
        
<span class="column-menu-container dropdown float-right position-static js-menu-container ">
  <button class="text-gray-light btn-octicon p-1 dropdown-toggle js-menu-target" type="button" aria-label="Column menu" aria-expanded="false" aria-haspopup="true">
    <svg aria-hidden="true" class="octicon octicon-kebab-horizontal" height="16" version="1.1" viewBox="0 0 13 16" width="13"><path fill-rule="evenodd" d="M1.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path></svg>
  </button>
  <div class="dropdown-menu-content js-menu-content position-absolute right-0 top-0 mt-5 mr-0" aria-expanded="false">
    <div class="dropdown-menu dropdown-menu-sw">
      <a href="#edit-column-829467" rel="facebox" class="dropdown-item btn-link btn-block text-left js-menu-close">
        Edit column
      </a>
      <a href="#edit-column-automation-829467" rel="facebox" class="dropdown-item btn-link btn-block text-left js-menu-close">
        Manage automation
      </a>
      <button class="dropdown-item text-left btn-link js-zeroclipboard js-menu-close" data-copied-hint="Copied" type="button" data-clipboard-text="https://github.com/fluentribbon/Fluent.Ribbon/projects/1#column-829467">
        Copy column URL
      </button>
      <hr class="p-0 mt-2 mb-2">
      <a href="#delete-column-829467" rel="facebox" class="dropdown-item btn-link btn-block text-left js-menu-close">
        Delete column
      </a>
    </div>
  </div>
</span>

<div id="delete-column-829467" hidden="">
  
<div>
  <h2 class="facebox-header">Delete In progress</h2>
  <p>This action will remove any cards and automation preset associated with the column.</p>
  <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829467" class="js-delete-project-column" data-column-id="829467" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="delete"><input name="authenticity_token" type="hidden" value="Tn2/MXIiPQrFkCW0Ngz0EdLmGUTjhj1x28eNfwMXGrQLwDdQM/RUx0EqsbGI0NuESpjb6Uc5rP58jSXuLzCIoQ=="></div>
    <button class="btn btn-danger" type="submit" data-disable-with="Deleting column..." data-confirm="Are you sure?">
      Delete column
    </button>
    <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
</form></div>

</div>
<div id="edit-column-829467" hidden="">
  
<div class="js-column-form-container">
  <h2 class="facebox-header">Edit In progress</h2>
  <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829467" autocomplete="off" class="js-update-project-column" data-column-id="829467" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="icOa4vnElhbcEIy/iiuiFI1ZZbeHJ0ZG71WPgrOldZtWFtnY7mJvBiwxj6KKU+PodQ0pWPJqQU/Kl4dpAHe7JA=="></div>
    <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">

    
<dl class="form-group ">
  <dt>
    <label data-facebox-for="project_column_name">Column name</label>
  </dt>
  <dd>
    <input type="text" class="js-project-column-name-field js-quick-submit form-control" name="project_column[name]" data-facebox-id="project_column_name" value="In progress" placeholder="Enter a column name (To Do, In Progress, Done)" maxlength="140" required="" autofocus="">
  </dd>
  <dd class="error">
    
  </dd>
</dl>


    <p>
      <button class="btn btn-primary js-normalize-submit" data-disable-invalid="" data-disable-with="Updating column..." type="submit">
        Update column
      </button>
    </p>
</form></div>

</div>
<div id="edit-column-automation-829467" hidden="">
  
<div class="js-column-form-container">
  <h2 class="facebox-header">Manage automation for In progress</h2>
  <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829467/workflow" autocomplete="off" class="js-update-project-column js-column-settings-form" data-column-id="829467" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="2iG8ZY15zX2nSQbO6vSQe+/EAPLDWIssIVXVDzOd2TE76hqzU6642ZdL8wu5jZxvuQmGfa4xra9a2egv4kECyg=="></div>
    <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">

    
<dl class="form-group ">
  <dt>
    <p>
      Choose a preset to enable progress tracking, automation, and better context sharing across your project.
    </p>
  </dt>
  <dd>
    <div class="select-menu js-menu-container js-select-menu js-column-purpose-selector">
      <button class="btn select-menu-button js-menu-target js-column-purpose-button" type="button" aria-haspopup="true" aria-expanded="false" disabled="">
        <i>Preset:</i>
        <span class="js-select-button">In progress</span>
      </button>

      <img alt="" class="ml-2 d-inline v-align-middle d-none js-project-autmoation-loader" height="24" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-64.gif" width="24">

      <div class="select-menu-modal-holder">
        <div class="select-menu-modal subscription-menu-modal js-menu-content" aria-hidden="false">
          <div class="select-menu-header js-navigation-enable" tabindex="-1">
            <button class="btn-link close-button js-menu-close" type="button"><svg aria-label="Close menu" class="octicon octicon-x" height="16" role="img" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"></path></svg></button>
            <span class="select-menu-title">Select type</span>
          </div>

          <div class="select-menu-list js-navigation-container js-active-navigation-container">
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">None</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="" required="">
                  <span class="description">This column will not be automated</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    None
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">To do</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="TODO" required="">
                  <span class="description">Planned but not started</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    To do
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item selected" role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">In progress</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="IN_PROGRESS" checked="" required="">
                  <span class="description">Actively being worked on</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    In progress
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">Done</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="DONE" required="">
                  <span class="description">Items are complete</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    Done
                  </span>
                </div>
              </div>
          </div>
        </div>
      </div>

      <div class="position-relative overflow-auto mt-3 js-project-column-automation" data-id="829467" data-src="/fluentribbon/Fluent.Ribbon/projects/1/automation_options">
        <div class="js-project-automation-options"></div>
      </div>
    </div>
  </dd>
</dl>


    <p>
      <button class="btn btn-primary js-normalize-submit" data-disable-invalid="" data-disable-with="Updating automation..." type="submit">
        Update automation
      </button>
    </p>
</form></div>

</div>


        <button type="button" class="float-right js-details-target btn-octicon p-1 tooltipped tooltipped-w " aria-label="Add a note to this column" aria-expanded="false">
          <svg aria-hidden="true" class="octicon octicon-plus" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5z"></path></svg>
        </button>
      <h4 class="px-1 m-0 f5 v-align-middle d-inline">
        <span class="js-project-column-name">In progress</span>
        <span class="Counter ml-1 position-relative js-column-card-count" aria-label="Contains 0 items">0</span>
          <span class="sr-only">Press enter to move this column</span>
      </h4>
    </div>
      <div class="project-note-form mt-3 p-2 Details-content--hidden">
        <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829467/cards" class="js-project-note-form js-length-limited-input-container" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="U2C6LFD4MKQkLIszKJrXV93HF1v2+FCUg3IXcW3oieExsB61PaseHxlzRA+xsnyDrTO2hZGctoJuW7Cv2CI9AA=="></div>
          <input type="hidden" name="content_type" value="Note">
          <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
          <textarea name="note" required="" autofocus="" aria-label="Enter a note" class="form-control input-block js-quick-submit js-size-to-fit js-note-text js-length-limited-input" data-input-max-length="1024" data-warning-length="99" data-warning-text="{{remaining}} remaining" placeholder="Enter a note"></textarea>
          <p class="js-length-limited-input-warning d-none mt-3 mb-0 text-center"></p>
          <div class="d-flex mt-2">
            <button type="submit" class="btn btn-primary flex-item-equal mr-1" data-disable-invalid="" disabled="">Add card</button>
            <button type="button" class="btn flex-item-equal ml-1 js-dismiss-note-form-button">Cancel</button>
          </div>
</form>
        <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/preview_note" class="js-preview-note-form" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div>
          <input type="hidden" name="note">
</form>        <div class="js-note-preview"></div>
      </div>
  </div>

  

  <p class="js-filtered-column-card-count mt-2 mb-0 f6 text-center text-gray-light d-none"></p>

  <div id="column-cards-829467" class="position-relative flex-auto overflow-auto px-2 pb-2 js-project-column-cards js-card-drag-container " data-id="829467">
    



  </div>

    <div class="p-2 text-small text-gray-light border-top js-project-column-automation-footer ">
      Automated as
      <span class="Label Label--gray tooltipped tooltipped-n tooltipped-multiline automation-summary-tooltip js-project-column-automation-summary" aria-label="Move all reopened issues and pull requests here">
        In progress
      </span>
      <a class="btn-link float-right " href="#edit-column-automation-829467" rel="facebox">Manage</a>
    </div>

    <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829467/cards" class="js-project-content-form js-project-update-card" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="xgyociz2fuMjIGfVb/RCiDEGQC5hLdOxUsY3CIUrboOk3AzrQaVQWB5/qOn23OlcQfLh8AZJNae/75DWMOHaYg=="></div>
      <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
      <input type="hidden" name="card_id">
      <input type="hidden" name="content_id">
      <input type="hidden" name="content_type">
      <input type="hidden" name="previous_card_id">
      <input type="hidden" name="keyboard_move">
</form></div>

          <div class="project-column position-relative d-flex flex-auto flex-column overflow-hidden mr-3 v-align-top rounded-1 border bg-gray-light ws-normal js-project-column js-socket-channel js-keyboard-movable" id="column-829468" tabindex="0" data-retain-focus="" data-url="/fluentribbon/Fluent.Ribbon/projects/1/columns/829468" data-id="829468">

  <div class="border-bottom clearfix js-details-container details-container Details project-column-header js-add-note-container">
    <div class="p-2 ">
        
<span class="column-menu-container dropdown float-right position-static js-menu-container ">
  <button class="text-gray-light btn-octicon p-1 dropdown-toggle js-menu-target" type="button" aria-label="Column menu" aria-expanded="false" aria-haspopup="true">
    <svg aria-hidden="true" class="octicon octicon-kebab-horizontal" height="16" version="1.1" viewBox="0 0 13 16" width="13"><path fill-rule="evenodd" d="M1.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path></svg>
  </button>
  <div class="dropdown-menu-content js-menu-content position-absolute right-0 top-0 mt-5 mr-0" aria-expanded="false">
    <div class="dropdown-menu dropdown-menu-sw">
      <a href="#edit-column-829468" rel="facebox" class="dropdown-item btn-link btn-block text-left js-menu-close">
        Edit column
      </a>
      <a href="#edit-column-automation-829468" rel="facebox" class="dropdown-item btn-link btn-block text-left js-menu-close">
        Manage automation
      </a>
      <button class="dropdown-item text-left btn-link js-zeroclipboard js-menu-close" data-copied-hint="Copied" type="button" data-clipboard-text="https://github.com/fluentribbon/Fluent.Ribbon/projects/1#column-829468">
        Copy column URL
      </button>
      <hr class="p-0 mt-2 mb-2">
      <a href="#delete-column-829468" rel="facebox" class="dropdown-item btn-link btn-block text-left js-menu-close">
        Delete column
      </a>
    </div>
  </div>
</span>

<div id="delete-column-829468" hidden="">
  
<div>
  <h2 class="facebox-header">Delete Done</h2>
  <p>This action will remove any cards and automation preset associated with the column.</p>
  <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829468" class="js-delete-project-column" data-column-id="829468" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="delete"><input name="authenticity_token" type="hidden" value="wumz08vJiMBq9bYHPsp3TVteETElUkSQDQukJWhXaJUroFx61GXfIygM0LH9NNVM/ApnIcXCN0OKG2INTJteiA=="></div>
    <button class="btn btn-danger" type="submit" data-disable-with="Deleting column..." data-confirm="Are you sure?">
      Delete column
    </button>
    <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
</form></div>

</div>
<div id="edit-column-829468" hidden="">
  
<div class="js-column-form-container">
  <h2 class="facebox-header">Edit Done</h2>
  <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829468" autocomplete="off" class="js-update-project-column" data-column-id="829468" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="wAqCjCh4097tuJSzaRcDKRpvgAY8eQxpRTTV5zyO5UM/YWsmMDyTnkV+hauLtj3rI5azd1VeexwK+vFLzTcDIg=="></div>
    <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">

    
<dl class="form-group ">
  <dt>
    <label data-facebox-for="project_column_name">Column name</label>
  </dt>
  <dd>
    <input type="text" class="js-project-column-name-field js-quick-submit form-control" name="project_column[name]" data-facebox-id="project_column_name" value="Done" placeholder="Enter a column name (To Do, In Progress, Done)" maxlength="140" required="" autofocus="">
  </dd>
  <dd class="error">
    
  </dd>
</dl>


    <p>
      <button class="btn btn-primary js-normalize-submit" data-disable-invalid="" data-disable-with="Updating column..." type="submit">
        Update column
      </button>
    </p>
</form></div>

</div>
<div id="edit-column-automation-829468" hidden="">
  
<div class="js-column-form-container">
  <h2 class="facebox-header">Manage automation for Done</h2>
  <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829468/workflow" autocomplete="off" class="js-update-project-column js-column-settings-form" data-column-id="829468" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="IsTrobOeyAtLkzh+UDnmRwSESAZLdE3QEJIf6e0oPSwmsogzf7B4zz0cynZBKNk9+9kMHJVh++s1dWuHOahOlA=="></div>
    <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">

    
<dl class="form-group ">
  <dt>
    <p>
      Choose a preset to enable progress tracking, automation, and better context sharing across your project.
    </p>
  </dt>
  <dd>
    <div class="select-menu js-menu-container js-select-menu js-column-purpose-selector">
      <button class="btn select-menu-button js-menu-target js-column-purpose-button" type="button" aria-haspopup="true" aria-expanded="false" disabled="">
        <i>Preset:</i>
        <span class="js-select-button">Done</span>
      </button>

      <img alt="" class="ml-2 d-inline v-align-middle d-none js-project-autmoation-loader" height="24" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-64.gif" width="24">

      <div class="select-menu-modal-holder">
        <div class="select-menu-modal subscription-menu-modal js-menu-content" aria-hidden="false">
          <div class="select-menu-header js-navigation-enable" tabindex="-1">
            <button class="btn-link close-button js-menu-close" type="button"><svg aria-label="Close menu" class="octicon octicon-x" height="16" role="img" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"></path></svg></button>
            <span class="select-menu-title">Select type</span>
          </div>

          <div class="select-menu-list js-navigation-container js-active-navigation-container">
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">None</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="" required="">
                  <span class="description">This column will not be automated</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    None
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">To do</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="TODO" required="">
                  <span class="description">Planned but not started</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    To do
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">In progress</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="IN_PROGRESS" required="">
                  <span class="description">Actively being worked on</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    In progress
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item selected" role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">Done</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="DONE" checked="" required="">
                  <span class="description">Items are complete</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    Done
                  </span>
                </div>
              </div>
          </div>
        </div>
      </div>

      <div class="position-relative overflow-auto mt-3 js-project-column-automation" data-id="829468" data-src="/fluentribbon/Fluent.Ribbon/projects/1/automation_options">
        <div class="js-project-automation-options"></div>
      </div>
    </div>
  </dd>
</dl>


    <p>
      <button class="btn btn-primary js-normalize-submit" data-disable-invalid="" data-disable-with="Updating automation..." type="submit">
        Update automation
      </button>
    </p>
</form></div>

</div>


        <button type="button" class="float-right js-details-target btn-octicon p-1 tooltipped tooltipped-w " aria-label="Add a note to this column" aria-expanded="false">
          <svg aria-hidden="true" class="octicon octicon-plus" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5z"></path></svg>
        </button>
      <h4 class="px-1 m-0 f5 v-align-middle d-inline">
        <span class="js-project-column-name">Done</span>
        <span class="Counter ml-1 position-relative js-column-card-count" aria-label="Contains 3 items">3</span>
          <span class="sr-only">Press enter to move this column</span>
      </h4>
    </div>
      <div class="project-note-form mt-3 p-2 Details-content--hidden">
        <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829468/cards" class="js-project-note-form js-length-limited-input-container" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="yZnhxkkw7N8JDnm95e+5K9Y5Mclvrta4XuYecnOtQ4T8MqCbCiKUSL+vRBG+56PXU7jOFyOsjDaybnYbUbfSbg=="></div>
          <input type="hidden" name="content_type" value="Note">
          <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
          <textarea name="note" required="" autofocus="" aria-label="Enter a note" class="form-control input-block js-quick-submit js-size-to-fit js-note-text js-length-limited-input" data-input-max-length="1024" data-warning-length="99" data-warning-text="{{remaining}} remaining" placeholder="Enter a note"></textarea>
          <p class="js-length-limited-input-warning d-none mt-3 mb-0 text-center"></p>
          <div class="d-flex mt-2">
            <button type="submit" class="btn btn-primary flex-item-equal mr-1" data-disable-invalid="" disabled="">Add card</button>
            <button type="button" class="btn flex-item-equal ml-1 js-dismiss-note-form-button">Cancel</button>
          </div>
</form>
        <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/preview_note" class="js-preview-note-form" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div>
          <input type="hidden" name="note">
</form>        <div class="js-note-preview"></div>
      </div>
  </div>

  

  <p class="js-filtered-column-card-count mt-2 mb-0 f6 text-center text-gray-light d-none"></p>

  <div id="column-cards-829468" class="position-relative flex-auto overflow-auto px-2 pb-2 js-project-column-cards js-card-drag-container " data-id="829468">
    

  <div class="issue-card project-card position-relative rounded-1 bg-white my-2 mx-0 border ws-normal js-project-column-card js-socket-channel js-updatable-content draggable js-keyboard-movable" id="card-2323216" tabindex="0" data-retain-focus="" data-channel="projects:cards:2323216" data-url="/fluentribbon/Fluent.Ribbon/projects/1/cards/2323216" data-card-id="2323216" data-content-type="Issue" data-content-id="135720132" data-card-assignee="[&quot;batzen&quot;]" data-card-author="[&quot;floele-sp&quot;]" data-card-label="[&quot;enhancement&quot;]" data-card-repo="[&quot;fluentribbon/fluent.ribbon&quot;]" data-card-state="[&quot;closed&quot;]" data-card-title="[&quot;option&quot;,&quot;for&quot;,&quot;customizing&quot;,&quot;the&quot;,&quot;quick&quot;,&quot;access&quot;,&quot;toolbar&quot;,&quot;access&quot;,&quot;keys&quot;,&quot;275&quot;,&quot;#275&quot;]" data-card-type="[&quot;issue&quot;]" data-card-is="[&quot;closed&quot;,&quot;issue&quot;]">

  <div class="d-flex flex-row">
    <div class="flex-auto min-width-0 position-relative">
      <div class="pl-5 p-2">
  <span class="card-menu-container dropdown position-static js-menu-container">
  <button class="text-gray-light link-hover-blue btn-octicon p-0 dropdown-toggle js-menu-target position-absolute right-0 top-0 mt-2 mr-3" type="button" aria-label="Card menu" aria-expanded="false" aria-haspopup="true">
    <svg aria-hidden="true" class="octicon octicon-kebab-horizontal" height="16" version="1.1" viewBox="0 0 13 16" width="13"><path fill-rule="evenodd" d="M1.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path></svg>
  </button>
  <div class="dropdown-menu-content js-menu-content position-absolute right-0 top-0 mt-4 mr-1">
    <div class="dropdown-menu dropdown-menu-sw">
      <div class="js-zeroclipboard-container">
        <button class="dropdown-item text-left btn-link js-zeroclipboard js-menu-close" data-copied-hint="Copied" type="button" data-clipboard-text="https://github.com/fluentribbon/Fluent.Ribbon/projects/1#card-2323216">
          Copy card URL
        </button>
      </div>

      <hr class="p-0 mt-2 mb-2">
      
    <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/cards/2323216" class="js-delete-card d-inline" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="delete"><input name="authenticity_token" type="hidden" value="JotBgkryo1SanXzHX+w4GifHmDmGOeACSEZM9Z9hW5WemOq2SSrmkyBtT9jBg4iz9VIAx2LqmNCkFA6P7oz99A=="></div>
        <button type="submit" aria-label="Remove from project" class="dropdown-item btn-link btn-block text-left" data-confirm="This will remove this card from the project">
          Remove from project
        </button>
        <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
</form>
    </div>
  </div>
</span>

  <span class="card-octicon position-absolute">
  <div class="text-green">
    <svg aria-label="Closed Issue" class="octicon octicon-issue-closed closed" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z"></path></svg>
  </div>
</span>

<a href="/fluentribbon/Fluent.Ribbon/issues/275" class="h5 d-block lh-condensed mr-4 mb-1">Option for customizing the quick access toolbar access keys</a>


<small class="text-gray d-block pr-6">
    #275 opened by <a href="/floele-sp" class="text-gray-dark">floele-sp</a>
</small>


  <span class="labels d-block pb-1 pr-6">
      <button type="button" class="btn-link css-truncate js-card-filter-label issue-card-label IssueLabel mt-1 v-align-middle labelstyle-84b6eb linked-labelstyle-84b6eb  css-truncate css-truncate-target" style="max-width: 150px; background-color: #84b6eb; color: #000000" data-label="enhancement" title="enhancement">
        <span class="css-truncate-target">enhancement</span>
      </button>
  </span>

  <div class="AvatarStack AvatarStack--right  position-absolute bottom-0 right-0 mr-2 mb-2">
    <div class="AvatarStack-body tooltipped tooltipped-nw tooltipped-multiline tooltipped-align-right-1" aria-label="Assigned to batzen">

        <button type="button" class="btn-link avatar js-card-filter-assignee" aria-label="Assignee batzen" data-assignee="batzen">
          <img alt="@batzen" height="20" src="https://avatars2.githubusercontent.com/u/1971030?s=40&amp;v=4" width="20">
        </button>
    </div>
  </div>

</div>


        <span class="sr-only">Press enter to move this card</span>
    </div>

  </div>
</div>

  <div class="issue-card project-card position-relative rounded-1 bg-white my-2 mx-0 border ws-normal js-project-column-card js-socket-channel js-updatable-content draggable js-keyboard-movable" id="card-2227128" tabindex="0" data-retain-focus="" data-channel="projects:cards:2227128" data-url="/fluentribbon/Fluent.Ribbon/projects/1/cards/2227128" data-card-id="2227128" data-content-type="Issue" data-content-id="214951673" data-card-assignee="[&quot;batzen&quot;]" data-card-author="[&quot;the-madcat&quot;]" data-card-label="[&quot;bug&quot;,&quot;enhancement&quot;]" data-card-repo="[&quot;fluentribbon/fluent.ribbon&quot;]" data-card-state="[&quot;closed&quot;]" data-card-title="[&quot;keytips&quot;,&quot;for&quot;,&quot;splitbuttons&quot;,&quot;417&quot;,&quot;#417&quot;]" data-card-type="[&quot;issue&quot;]" data-card-is="[&quot;closed&quot;,&quot;issue&quot;]">

  <div class="d-flex flex-row">
    <div class="flex-auto min-width-0 position-relative">
      <div class="pl-5 p-2">
  <span class="card-menu-container dropdown position-static js-menu-container">
  <button class="text-gray-light link-hover-blue btn-octicon p-0 dropdown-toggle js-menu-target position-absolute right-0 top-0 mt-2 mr-3" type="button" aria-label="Card menu" aria-expanded="false" aria-haspopup="true">
    <svg aria-hidden="true" class="octicon octicon-kebab-horizontal" height="16" version="1.1" viewBox="0 0 13 16" width="13"><path fill-rule="evenodd" d="M1.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path></svg>
  </button>
  <div class="dropdown-menu-content js-menu-content position-absolute right-0 top-0 mt-4 mr-1">
    <div class="dropdown-menu dropdown-menu-sw">
      <div class="js-zeroclipboard-container">
        <button class="dropdown-item text-left btn-link js-zeroclipboard js-menu-close" data-copied-hint="Copied" type="button" data-clipboard-text="https://github.com/fluentribbon/Fluent.Ribbon/projects/1#card-2227128">
          Copy card URL
        </button>
      </div>

      <hr class="p-0 mt-2 mb-2">
      
    <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/cards/2227128" class="js-delete-card d-inline" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="delete"><input name="authenticity_token" type="hidden" value="oMrUIreK2daVH7lnTMXGJK14mgWwYkpQZjI+T8o/N6JHMNiH1ToaBiLpXVQH4eeL2bUC+Ddxxv8TI+FBp9N9ig=="></div>
        <button type="submit" aria-label="Remove from project" class="dropdown-item btn-link btn-block text-left" data-confirm="This will remove this card from the project">
          Remove from project
        </button>
        <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
</form>
    </div>
  </div>
</span>

  <span class="card-octicon position-absolute">
  <div class="text-green">
    <svg aria-label="Closed Issue" class="octicon octicon-issue-closed closed" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z"></path></svg>
  </div>
</span>

<a href="/fluentribbon/Fluent.Ribbon/issues/417" class="h5 d-block lh-condensed mr-4 mb-1">Keytips for Splitbuttons</a>


<small class="text-gray d-block pr-6">
    #417 opened by <a href="/the-madcat" class="text-gray-dark">the-madcat</a>
</small>


  <span class="labels d-block pb-1 pr-6">
      <button type="button" class="btn-link css-truncate js-card-filter-label issue-card-label IssueLabel mt-1 v-align-middle labelstyle-fc2929 linked-labelstyle-fc2929  css-truncate css-truncate-target" style="max-width: 150px; background-color: #fc2929; color: #000000" data-label="bug" title="bug">
        <span class="css-truncate-target">bug</span>
      </button>
      <button type="button" class="btn-link css-truncate js-card-filter-label issue-card-label IssueLabel mt-1 v-align-middle labelstyle-84b6eb linked-labelstyle-84b6eb  css-truncate css-truncate-target" style="max-width: 150px; background-color: #84b6eb; color: #000000" data-label="enhancement" title="enhancement">
        <span class="css-truncate-target">enhancement</span>
      </button>
  </span>

  <div class="AvatarStack AvatarStack--right  position-absolute bottom-0 right-0 mr-2 mb-2">
    <div class="AvatarStack-body tooltipped tooltipped-nw tooltipped-multiline tooltipped-align-right-1" aria-label="Assigned to batzen">

        <button type="button" class="btn-link avatar js-card-filter-assignee" aria-label="Assignee batzen" data-assignee="batzen">
          <img alt="@batzen" height="20" src="https://avatars2.githubusercontent.com/u/1971030?s=40&amp;v=4" width="20">
        </button>
    </div>
  </div>

</div>


        <span class="sr-only">Press enter to move this card</span>
    </div>

  </div>
</div>

  <div class="issue-card project-card position-relative rounded-1 bg-white my-2 mx-0 border ws-normal js-project-column-card js-socket-channel js-updatable-content draggable js-keyboard-movable sortable-drag" id="card-6989184" tabindex="0" data-retain-focus="" data-channel="projects:cards:6989184" data-url="/fluentribbon/Fluent.Ribbon/projects/1/cards/6989184" data-card-id="6989184" data-content-type="Issue" data-content-id="250492769" data-card-assignee="[&quot;batzen&quot;]" data-card-author="[&quot;niratch&quot;]" data-card-label="[&quot;breaking change&quot;,&quot;bug&quot;]" data-card-repo="[&quot;fluentribbon/fluent.ribbon&quot;]" data-card-state="[&quot;closed&quot;]" data-card-title="[&quot;using&quot;,&quot;the&quot;,&quot;keytip&quot;,&quot;shortcut&quot;,&quot;to&quot;,&quot;open&quot;,&quot;a&quot;,&quot;backstage&quot;,&quot;briefly&quot;,&quot;opens&quot;,&quot;it,&quot;,&quot;then&quot;,&quot;closes&quot;,&quot;it&quot;,&quot;immediately&quot;,&quot;457&quot;,&quot;#457&quot;]" data-card-type="[&quot;issue&quot;]" data-card-is="[&quot;closed&quot;,&quot;issue&quot;]" draggable="false">

  <div class="d-flex flex-row">
    <div class="flex-auto min-width-0 position-relative">
      <div class="pl-5 p-2">
  <span class="card-menu-container dropdown position-static js-menu-container">
  <button class="text-gray-light link-hover-blue btn-octicon p-0 dropdown-toggle js-menu-target position-absolute right-0 top-0 mt-2 mr-3" type="button" aria-label="Card menu" aria-expanded="false" aria-haspopup="true">
    <svg aria-hidden="true" class="octicon octicon-kebab-horizontal" height="16" version="1.1" viewBox="0 0 13 16" width="13"><path fill-rule="evenodd" d="M1.5 9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"></path></svg>
  </button>
  <div class="dropdown-menu-content js-menu-content position-absolute right-0 top-0 mt-4 mr-1">
    <div class="dropdown-menu dropdown-menu-sw">
      <div class="js-zeroclipboard-container">
        <button class="dropdown-item text-left btn-link js-zeroclipboard js-menu-close" data-copied-hint="Copied" type="button" data-clipboard-text="https://github.com/fluentribbon/Fluent.Ribbon/projects/1#card-6989184">
          Copy card URL
        </button>
      </div>

      <hr class="p-0 mt-2 mb-2">
      
    <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/cards/6989184" class="js-delete-card d-inline" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="delete"><input name="authenticity_token" type="hidden" value="9S100h4PUv84LyTIeMdf+G43Dhj5jg21YE7PS+C2TGIGvCmLAsj0nYXPVZHD88TuG+6v8IXLIIL8WkGFyi5s9A=="></div>
        <button type="submit" aria-label="Remove from project" class="dropdown-item btn-link btn-block text-left" data-confirm="This will remove this card from the project">
          Remove from project
        </button>
        <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
</form>
    </div>
  </div>
</span>

  <span class="card-octicon position-absolute">
  <div class="text-green">
    <svg aria-label="Closed Issue" class="octicon octicon-issue-closed closed" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M7 10h2v2H7v-2zm2-6H7v5h2V4zm1.5 1.5l-1 1L12 9l4-4.5-1-1L12 7l-1.5-1.5zM8 13.7A5.71 5.71 0 0 1 2.3 8c0-3.14 2.56-5.7 5.7-5.7 1.83 0 3.45.88 4.5 2.2l.92-.92A6.947 6.947 0 0 0 8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7l-1.52 1.52c-.66 2.41-2.86 4.19-5.48 4.19v-.01z"></path></svg>
  </div>
</span>

<a href="/fluentribbon/Fluent.Ribbon/issues/457" class="h5 d-block lh-condensed mr-4 mb-1" draggable="false">Using the keytip shortcut to open a backstage briefly opens it, then closes it immediately</a>


<small class="text-gray d-block pr-6">
    #457 opened by <a href="/niratch" class="text-gray-dark" draggable="false">niratch</a>
</small>


  <span class="labels d-block pb-1 pr-6">
      <button type="button" class="btn-link css-truncate js-card-filter-label issue-card-label IssueLabel mt-1 v-align-middle labelstyle-fc2929 linked-labelstyle-fc2929  css-truncate css-truncate-target" style="max-width: 150px; background-color: #fc2929; color: #000000" data-label="breaking change" title="breaking change">
        <span class="css-truncate-target">breaking change</span>
      </button>
      <button type="button" class="btn-link css-truncate js-card-filter-label issue-card-label IssueLabel mt-1 v-align-middle labelstyle-fc2929 linked-labelstyle-fc2929  css-truncate css-truncate-target" style="max-width: 150px; background-color: #fc2929; color: #000000" data-label="bug" title="bug">
        <span class="css-truncate-target">bug</span>
      </button>
  </span>

  <div class="AvatarStack AvatarStack--right  position-absolute bottom-0 right-0 mr-2 mb-2">
    <div class="AvatarStack-body tooltipped tooltipped-nw tooltipped-multiline tooltipped-align-right-1" aria-label="Assigned to batzen">

        <button type="button" class="btn-link avatar js-card-filter-assignee" aria-label="Assignee batzen" data-assignee="batzen">
          <img alt="@batzen" height="20" src="https://avatars2.githubusercontent.com/u/1971030?s=40&amp;v=4" width="20" draggable="false">
        </button>
    </div>
  </div>

</div>


        <span class="sr-only">Press enter to move this card</span>
    </div>

  </div>
</div>



  </div>

    <div class="p-2 text-small text-gray-light border-top js-project-column-automation-footer ">
      Automated as
      <span class="Label Label--gray tooltipped tooltipped-n tooltipped-multiline automation-summary-tooltip js-project-column-automation-summary" aria-label="Move all closed issues here and move all merged pull requests here">
        Done
      </span>
      <a class="btn-link float-right " href="#edit-column-automation-829468" rel="facebox">Manage</a>
    </div>

    <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns/829468/cards" class="js-project-content-form js-project-update-card" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="SjVrBq3QuZulZkPnF5uM5Ka6glYZ6RfeDBydogJkpSV/nipb7sLBDBPHfktMk5YYIzt9iFXrTVDglPXLIH40zw=="></div>
      <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">
      <input type="hidden" name="card_id">
      <input type="hidden" name="content_id">
      <input type="hidden" name="content_type">
      <input type="hidden" name="previous_card_id">
      <input type="hidden" name="keyboard_move">
</form></div>


          <div class="js-new-project-column-container ">
            <div id="add-column" hidden="">
              
<div class="js-column-form-container">
  <h2 class="facebox-header">Add a column</h2>
  <!-- '"` --><!-- </textarea></xmp> --><form accept-charset="UTF-8" action="/fluentribbon/Fluent.Ribbon/projects/1/columns" autocomplete="off" class="js-create-project-column js-column-settings-form" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="SUYaIethKGoC+8GBNcp6IDhe+nRUZ0c5gGsxXq2Uz9cuAEpUamW5DHO/XwoEgspdgLxkSdHtL1XE8GKRjKoN1A=="></div>

    <input type="hidden" name="client_uid" class="js-client-uid-field" value="3cd252042923a3978563b524108450bf">

    
<dl class="form-group ">
  <dt>
    <label data-facebox-for="project_column_name">Column name</label>
  </dt>
  <dd>
    <input type="text" class="js-project-column-name-field js-quick-submit form-control" name="project_column[name]" data-facebox-id="project_column_name" value="" placeholder="Enter a column name (To Do, In Progress, Done)" maxlength="140" required="" autofocus="">
  </dd>
  <dd class="error">
    
  </dd>
</dl>

    
<dl class="form-group ">
  <dt>
      <strong>Automation</strong>
    <p>
      Choose a preset to enable progress tracking, automation, and better context sharing across your project.
    </p>
  </dt>
  <dd>
    <div class="select-menu js-menu-container js-select-menu js-column-purpose-selector">
      <button class="btn select-menu-button js-menu-target js-column-purpose-button" type="button" aria-haspopup="true" aria-expanded="false" disabled="">
        <i>Preset:</i>
        <span class="js-select-button">None</span>
      </button>

      <img alt="" class="ml-2 d-inline v-align-middle d-none js-project-autmoation-loader" height="24" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-64.gif" width="24">

      <div class="select-menu-modal-holder">
        <div class="select-menu-modal subscription-menu-modal js-menu-content" aria-hidden="false">
          <div class="select-menu-header js-navigation-enable" tabindex="-1">
            <button class="btn-link close-button js-menu-close" type="button"><svg aria-label="Close menu" class="octicon octicon-x" height="16" role="img" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"></path></svg></button>
            <span class="select-menu-title">Select type</span>
          </div>

          <div class="select-menu-list js-navigation-container js-active-navigation-container">
              <div class="select-menu-item js-navigation-item selected" role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">None</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="" checked="" required="">
                  <span class="description">This column will not be automated</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    None
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">To do</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="TODO" required="">
                  <span class="description">Planned but not started</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    To do
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">In progress</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="IN_PROGRESS" required="">
                  <span class="description">Actively being worked on</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    In progress
                  </span>
                </div>
              </div>
              <div class="select-menu-item js-navigation-item " role="menuitem">
                <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"></path></svg>
                <div class="select-menu-item-text">
                  <span class="select-menu-item-heading">Done</span>
                  <input class="js-column-purpose-value" type="radio" name="project_column[purpose]" value="DONE" required="">
                  <span class="description">Items are complete</span>
                  <span class="js-select-button-text hidden-select-button-text">
                    Done
                  </span>
                </div>
              </div>
          </div>
        </div>
      </div>

      <div class="position-relative overflow-auto mt-3 js-project-column-automation" data-id="" data-src="/fluentribbon/Fluent.Ribbon/projects/1/automation_options">
        <div class="js-project-automation-options"></div>
      </div>
    </div>
  </dd>
</dl>


    <p>
      <button class="btn btn-primary js-normalize-submit" data-disable-invalid="" data-disable-with="Creating column..." type="submit" disabled="">
        Create column
      </button>
    </p>
</form></div>

            </div>

            <div class="js-new-column-button pr-3 ">
              <a href="#add-column" role="button" class="new-project-column mb-0 col-4 d-inline-block py-6 v-align-top text-bold text-gray text-center bg-white rounded-1 border border-dashed" rel="facebox">
                <svg aria-hidden="true" class="octicon octicon-plus" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5z"></path></svg> Add column
              </a>
            </div>
          </div>

        <div class="js-new-column-blankslate blankslate blankslate-large blankslate-clean-background mx-auto ws-normal d-none">
          <h3>This project doesn't have any columns or cards.</h3>

            <a href="#add-column" role="button" class="btn btn-primary" rel="facebox.project-modal">Add a column</a>
        </div>
      </div>
@auscompgeek
Copy link
Contributor

FWIW, WFM on Firefox 58.

@batzen
Copy link
Author

batzen commented Jan 27, 2018

Ok, i confused the style with the tampermonkey script.
The style does not cause the issue, but the script does.
Sorry.

@batzen batzen closed this as completed Jan 27, 2018
@Mottie Mottie mentioned this issue Jan 28, 2018
Closed
@Mottie
Copy link
Member

Mottie commented Jan 28, 2018 •
edited
Loading

It seems like a lot of userscripts are breaking the Project page.

This was referenced Jan 30, 2018
Closed
Closed
@Mottie
Copy link
Member

Mottie commented Feb 16, 2018

It looks like this has been fixed in Tampermonkey Beta.

@Mottie Mottie mentioned this issue Mar 21, 2018
Closed
@Mottie
Copy link
Member

Mottie commented May 8, 2018

Tampermonkey v4.6 is now available.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
external 😏
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@auscompgeek @Mottie @batzen