Bug 160502 - SVG: Drop shadow not rendered when defined as a CSS filter
Summary: SVG: Drop shadow not rendered when defined as a CSS filter
Status: NEW
Alias: None
Product: LibreOffice
Classification: Unclassified
Component: Writer (show other bugs)
Version:
(earliest affected)
7.6.6.3 release
Hardware: x86-64 (AMD64) Linux (All)
: medium enhancement
Assignee: Not Assigned
URL:
Whiteboard:
Keywords:
Depends on:
Blocks: SVG-Import
  Show dependency tree / graph
 
Reported: 2024-04-03 11:30 UTC by Lymperis Voudouris
Modified: 2024-04-03 12:16 UTC (History)
3 users (show)

See Also:
Crash report or crash signature:

Attachments
SVG file used (729 bytes, image/svg+xml)
2024-04-03 11:31 UTC, Lymperis Voudouris 		Details
ODT file with SVG inserted (11.26 KB, application/vnd.oasis.opendocument.text)
2024-04-03 11:31 UTC, Lymperis Voudouris 		Details
SVG rendering in Firefox (1.93 KB, image/png)
2024-04-03 11:32 UTC, Lymperis Voudouris 		Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Lymperis Voudouris 2024-04-03 11:30:34 UTC 
Description:
SVG file saved with drawio-desktop v24.1.0. 

It seems the problem is the drop shadow is defined as a CSS filter like so:
style="filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px);"


Steps to Reproduce:
1. Insert -> Image...
2. Select attached SVG file

Actual Results:
Rectangle is rendered without drop shadow

Expected Results:
Rectangle should render with drop shadow


Reproducible: Always


User Profile Reset: No

Additional Info:
It renders correctly in 
- Firefox 124.0.1
- Chrome 123.0.6312.86
- GNOME Image Viewer 42.0

Does not render correctly in 
- LibreWriter/Draw 7.6.6.3
- Inkscape 1.1.2 (0a00cf5339, 2022-02-04)
Comment 1 Lymperis Voudouris 2024-04-03 11:31:30 UTC 
Created attachment 193460 [details]
SVG file used
Comment 2 Lymperis Voudouris 2024-04-03 11:31:59 UTC 
Created attachment 193461 [details]
ODT file with SVG inserted
Comment 3 Lymperis Voudouris 2024-04-03 11:32:24 UTC 
Created attachment 193462 [details]
SVG rendering in Firefox
Comment 4 Lymperis Voudouris 2024-04-03 11:34:22 UTC 
Version: 7.6.6.3 (X86_64) / LibreOffice Community
Build ID: d97b2716a9a4a2ce1391dee1765565ea469b0ae7
CPU threads: 12; OS: Linux 6.6; UI render: default; VCL: kf5 (cairo+xcb)
Locale: en-US (en_US.UTF-8); UI: en-US
Calc: threaded
Comment 5 Xisco Faulí 2024-04-03 12:09:05 UTC 
Yes, filter: drop-shadow(rgba(0, 0, 0, 0.25) 2px 3px 2px); is a css3 style, which is not supported -> https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/drop-shadow