search

vscode-elements / elements

Web component library for developing Visual Studio Code extensions
https://vscode-elements.github.io
MIT License
156 stars 28 forks source link

Collapsible containing Table loses contents when collapsed and expanded #161

Closed gjsjohnmurray closed 2 months ago

gjsjohnmurray commented 2 months ago 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Demo how collapsible loses its content</title>
  </head>
  <body>
    <vscode-collapsible title="Installed" description="Packages in this namespace" open>
      <p>
        <vscode-table class="packages" zebra bordered-columns resizable columns='["15%", "10%", "15%", "60%"]'>
          <vscode-table-header slot="header">
            <vscode-table-header-cell>Name</vscode-table-header-cell>
            <vscode-table-header-cell>Version</vscode-table-header-cell>
            <vscode-table-header-cell>Display Name</vscode-table-header-cell>
            <vscode-table-header-cell>Description</vscode-table-header-cell>
          </vscode-table-header>
          <vscode-table-body slot="body">
            <vscode-table-row>
              <vscode-table-cell>one</vscode-table-cell>
              <vscode-table-cell>1.0</vscode-table-cell>
              <vscode-table-cell>First package</vscode-table-cell>
              <vscode-table-cell>Fake description #1</vscode-table-cell>
            </vscode-table-row>
            <vscode-table-row>
              <vscode-table-cell>two</vscode-table-cell>
              <vscode-table-cell>2.0</vscode-table-cell>
              <vscode-table-cell>Second package</vscode-table-cell>
              <vscode-table-cell>Fake description #2</vscode-table-cell>
            </vscode-table-row>
          </vscode-table-body>
        </vscode-table>
      </p>
    </vscode-collapsible>
    <script
      src="path/to/@vscode-elements/elements/dist/bundled.js"
      type="module"
    ></script>
  </body>
</html>
bendera commented 2 months ago

Done. Thanks for the report.