Uploaded image for project: 'Jira Software Cloud'
  1. Jira Software Cloud
  2. JSWCLOUD-21141

Tables in New issue view are fixed and are unreadable in larger tables

    XMLWordPrintable

Details

    Description

      Issue Summary

      Tables added to issues have a fixed table-layout with no scaling to the amount of text in the cells so in effect the

      .hpVXwC .pm-table-container > table, .hpVXwC .pm-table-wrapper > table, .hpVXwC .pm-table-sticky-wrapper > table {
          border-collapse: collapse;
          margin: 24px 8px 0px 0px;
          border: 1px solid rgb(193, 199, 208);
          table-layout: fixed;
          font-size: 1em;
          width: 100%;
      }
      

      Steps to Reproduce

      1. enable the new issue view and navigate to a classic project or go to a next-gen project which uses the new issue view only
      2. Add a table to any text field (Comment, Description, etc...)
      3. insert several columns noting each column added scales down the column width
      4. add a block of text to any of the columns
      5. save the table to the field

      Expected Results

      The table will scale up so the text is readable with an option to horizontally scroll as it did in the classic issue view

      Actual Results

      All columns are set to a max width of the field, and the columns scaled down to a point the text in the table is unreadable

      Workaround

      With browser dev tools enabled, right-click the page and select Inspect to open the javascript console
      Change the element width: 100%; to width: auto;

      .hpVXwC .pm-table-container > table, .hpVXwC .pm-table-wrapper > table, .hpVXwC .pm-table-sticky-wrapper > table {
          border-collapse: collapse;
          margin: 24px 8px 0px 0px;
          border: 1px solid rgb(193, 199, 208);
          table-layout: fixed;
          font-size: 1em;
          width: auto; !<< Make the change here
      }
      

      Attachments

        Issue Links

          Activity

            People

              Unassigned Unassigned
              emccutcheon Earl McCutcheon
              Votes:
              2 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: