SVG images do not stay in frame in tabs

[Nadine2016]

Past Issues Searched

• I have searched open and closed issues to make sure that the bug has not yet been reported

Issue is a Bug Report

• This is a bug report and not a feature request, nor asking for support

Describe the bug

When I add an SVG image within the tab shortcode, the image displays but is running out of the frame. PNGs seem to stay within the frame.

Expected behavior

Have SVG images behave the same as PNG images in a tab.

Screenshots

Environment

- OS: MacOS
- Browser: Chrome
- Browser Version: 116

[colinwilson]

Good catch. 👍

I'll push an update to fix this soon.

[Nadine2016]

Thank you so much!

[colinwilson]

@Nadine2016 Are you able to provide a sample SVG image file?

I'm having trouble replicating the behaviour in your screenshot with the few SVG images I've tested.

Also, are you inserting the SVG using regular markdown syntax? e.g. ![my image](/my/image/path/file.svg)

[Nadine2016]

@colinwilson

this is the code that I am using

{{< tabs tabTotal="2">}}
{{% tab tabName="GCP" %}}
This is content for GCP. 

![Testimage](/img/core-concepts-apps.svg)
{{% /tab %}}
{{% tab tabName="EKS" %}}
This is content for EKS. 


| Value | Description | 
| -- | -- | 
| Value 1 | Description | 
| Value 2 | Description | 

{{% /tab %}}
{{< /tabs >}}

[Nadine2016]

And this is an image.

[Nadine2016]

And this is how it looks like for me

[colinwilson]

@Nadine2016 Thanks for additional info 👍

Fixed by 5e4c8f1