Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Support
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
pagedjs
pagedjs
  • Project
    • Project
    • Details
    • Activity
    • Releases
    • Cycle Analytics
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
  • Issues 154
    • Issues 154
    • List
    • Boards
    • Labels
    • Milestones
  • Merge Requests 12
    • Merge Requests 12
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Tools
  • pagedjspagedjs
  • Issues
  • #153

Closed
Open
Opened Nov 11, 2019 by Guillaume@mogztter
  • Report abuse
  • New issue
Report abuse New issue

Inline images in pseudo-element (using content: url("...")) are removed by Paged.js

I'm using a pseudo-element with an inline SVG image:

.block > .title::before {
  content: url("data:image/svg+xml,...");
  height: 1.5em;
  width: 2em;
  display: flex;
  align-items: center;
  margin-right: 1rem;
  position: absolute;
}     
Before After
Capture_d_écran_2019-11-10_à_21.57.04 Capture_d_écran_2019-11-10_à_21.57.38

And here's the full example: pseudo.html

As you can see the inline image (macOS window buttons in the upper-left corner) is removed.

If I replace the content with a text then the pseudo-element is preserved (ie. content: 'text').

Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
0
Labels
None
Assign labels
  • View project labels
Reference: tools/pagedjs#153