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.

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

Elementor v2.2.7 issue with SVG sizes #5987

Closed
dollhauss opened this Issue Oct 25, 2018 · 6 comments

Comments

Projects
None yet
4 participants
@dollhauss
Copy link

dollhauss commented Oct 25, 2018

Heya,

I just updated some sites to v2.2.7 and all the SVG images on the sites disappeared.

The SVG's are still there but the size settings on the image widget no longer works correctly.
Rolled back to v2.2.6 and all is fine.

I created this ticket and it was ignored and closed as you said it didn't have the following info:
This report is missing key information:
Prerequisites.
Steps to replicate.
Isolating the problem.
System info.

So here we go:

Prerequisites.

  1. Install Elementor v2.2.6
  2. Install SVG plugin (Safe SVG)
  3. Edit with Elementor and add Image module
  4. Add SVG to image module
  5. Set image size using max-width

Steps to replicate.

  1. Install Elementor v2.2.6
  2. Install SVG plugin (Safe SVG)
  3. Edit with Elementor and add Image module
  4. Add SVG to image module
  5. Set image size using max-width
  6. Update Elementor to v2.2.7
  7. Image disappears and size settings no longer work correctly

Isolating the problem.
Same as above

System info.
PC Win 10
32GB RAM
NVIDIA 1070
Cloudways Vultr server

Let me know if you need any further info.

@Paras16699

This comment has been minimized.

Copy link

Paras16699 commented Oct 25, 2018

Working fine at my end with v2.2.7

The SVG's don't appear by default on adding (that's a WordPress issue; the way it handles SVG images by defaulting the height and width attributes to 1), but changing the width settings in Elementor works because it applies the value via CSS.

It has always been this way for me. The max-width value has never worked since the beginning because of this WP behaviour with SVG images. So, I set the width value and that is working fine with this latest update (v2.2.7).

I use the SVG Support plugin by Benbodhi.

@dollhauss

This comment has been minimized.

Copy link
Author

dollhauss commented Oct 25, 2018

I also set the width value - which does make it work on v2.2.7 however it appears to have a limitation on how large I can make the image. And this is with max-width and width set on full.

@Paras16699

This comment has been minimized.

Copy link

Paras16699 commented Oct 25, 2018

If you set it to 100%, it should occupy the full container width. If you want to make it bigger than that, you'll have to change the width of it's container (the parent column or a section)

@dollhauss

This comment has been minimized.

Copy link
Author

dollhauss commented Oct 25, 2018

This is exactly what is not working correctly in v2.2.7

I had large SVG's working fine. And then after updating to v2.2.7 it would no longer fill 100% of the container width.

@bainternet

This comment has been minimized.

Copy link
Collaborator

bainternet commented Oct 28, 2018

Anyone who has this issue, make sure to give your image/SVG width and Preferably in pixels.

@bainternet bainternet closed this Oct 28, 2018

@arielk

This comment has been minimized.

Copy link
Contributor

arielk commented Oct 28, 2018

ref: #5897

arielk added a commit to arielk/elementor that referenced this issue Oct 28, 2018

KingYes added a commit that referenced this issue Oct 28, 2018

@Darthmaul Darthmaul referenced this issue Nov 12, 2018

Open

SVG display bug after update #6136

2 of 2 tasks complete
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.