Imported gifs are not displayed well in tables after import article from Confluence
Hello,
In Confluence I created a table and inserted gifs into it. After importing an article with a table in the Knowledge base, gifs began to be displayed in a narrowed form in width.
Table source code in Confluence:
<table class="wrapped"><colgroup><col /><col /><col /><col /></colgroup>
<tbody>
<tr>
<th scope="col">Title</th>
<th scope="col">Gif</th>
<th scope="col">Lorem ipsum</th>
<th scope="col">Image</th></tr>
<tr>
<td>Test</td>
<td>
<div class="content-wrapper">
<p><br /></p>
<p><ac:image ac:style="max-height: 250.0px;" ac:height="250"><ri:attachment ri:filename="test.gif" /></ac:image></p></div></td>
<td>
<div class="content-wrapper">
<p><strong style="text-align: justify;">Lorem Ipsum</strong><span style="color: rgb(0,0,0);"><span> </span>is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span></p></div></td>
<td>
<div class="content-wrapper">
<p><ac:image ac:height="250"><ri:attachment ri:filename="test.gif" /></ac:image></p></div></td></tr>
<tr>
<td>Office</td>
<td>
<div class="content-wrapper">
<p><ac:image ac:style="max-height: 250.0px;" ac:thumbnail="true" ac:height="244"><ri:attachment ri:filename="mood-michael-scott.gif" /></ac:image></p></div></td>
<td>
<div class="content-wrapper">
<p><strong style="text-align: justify;">Lorem Ipsum</strong><span style="color: rgb(0,0,0);"><span> </span>is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span></p></div></td>
<td>
<div class="content-wrapper">
<p><ac:image ac:thumbnail="true" ac:height="244"><ri:attachment ri:filename="mood-michael-scott.gif" /></ac:image></p></div></td></tr>
<tr>
<td>It's fine</td>
<td>
<div class="content-wrapper">
<p><ac:image ac:style="max-height: 250.0px;" ac:height="250"><ri:attachment ri:filename="its-fine-dog-fine.gif" /></ac:image></p></div></td>
<td>
<div class="content-wrapper">
<p><strong style="text-align: justify;">Lorem Ipsum</strong><span style="color: rgb(0,0,0);"><span> </span>is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span></p></div></td>
<td>
<div class="content-wrapper">
<p><ac:image ac:height="250"><ri:attachment ri:filename="its-fine-dog-fine.gif" /></ac:image></p></div></td></tr></tbody></table>
I noticed that if you click on the gif of the table in Knowledge Base, it will display in normal size.
I also noticed that gifs are displayed normally if the table is opened in the editor.
Can you please tell me if this behavior of gifs in the table can be considered an import bug from Confluence to Knowledge base in YouTrack?
Please sign in to leave a comment.
Apologies for the delay in our investigation.
The bug appears to reproduce even without an import, and we have created a public issue regarding this: JT-73598. Feel free to subscribe to this issue if you'd like to be updated about its resolution. To subscribe, sign in and hit the thumb-up button or mark the issue with a star.
If any other help is needed, please let us know.
Hello.
So far, we have not been able to reproduce the issue you are describing.
Can you please share a reproducible set of steps that you go through when experiencing this issue? Do you just create any table with GIFs in an article in Confluence, and every time you try to make a new import, that table shows with those GIFs shrinked horizontally in YouTrack (as shown on your screenshots)? Are there any additional conditions to consider for reproducing the issue?
Also, are you using YouTrack Cloud or Server? If it is the latter, please let us know your YouTrack version. For reference, this is where you can find it:
If you are not using the latest version, it is possible that the bug has already been fixed. I can see a similar bug having been reported some time ago, although not related to Confluence import per se.
Please also note that your Confluence version must be at least 5.5.6. Kindly check that as well and let us know.
The article import process consists of the following steps:
I use YouTrack Server (Build 2022.3.65360). I also use Confluence Server (Version 7.18.3).
Thank you for the update with these details.
Regarding the articles you create and the tables within, can you please share if there is any particular way you create these tables? I can see in the code you initially provided that the image height is explicitly set to 250 and 244 pixels. Is there any setting you use anywhere to achieve that effect? Or do you simply create the table in Confluence via the visual editor?
Also, please check if creating an article from scratch with a table containing any other GIFs (than the ones originally) in the table produces the same issue in the new import. If it doesn't, the issue might be related to the particular GIFs that are used in the table.
Thank you.
I tried to create a new table with other GIFs and imported it into the knowledge base. Unfortunately, the problem with the width of imported GIFs has recurred.
To create new tables and insert GIF files in Confluence, I used a visual editor.
Same table in Knowledge base:
Thank you! I will wait for the problem to be fixed.