search

Automattic / jetpack

Security, performance, marketing, and design tools — Jetpack is made by WordPress experts to make WP sites safer and faster, and help you grow your traffic.
https://jetpack.com/
Other
1.59k stars 798 forks source link

Slideshow Shortcode: individual image backgrounds are black and do not match slideshow background/border #19055

Open chad1008 opened 3 years ago

chad1008 commented 3 years ago

Steps to reproduce the issue

  1. Create a new post or page and insert a Classic Block
  2. Click on the Add Media button. On the left, click "Create Gallery"
  3. Select multiple images, preferably with differing aspect ratios. Then click the "Create a new gallery" button
  4. Use the "Type" dropdown to select "Slideshow" and then click "Insert Gallery"
  5. Publish and view your new post/page

What I expected

The slideshow element should be one consistent color, where the background of the image matches the border of the element itself (or more accurately, the slideshow-slide element's background should be transparent so the slideshow-window element's background is fully visible) as shown below

What happened instead

A black background is applied, inline, to the slideshow-slide element.

Screenshots Expected result, one consistent background behind the image: Screenshot (1127)

Actual result, a black background with a dark gray border (and the inline styling causing the black background)

Screen Shot 2021-03-05 at 3 22 07 PM Screen Shot 2021-03-05 at 3 25 33 PM
suyogyashukla commented 3 years ago

We can also see this happening on another one of user's site: https://lulu.org.uk/contact/

zd-3783858