search

surveyjs / survey-library

Free JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout.
https://surveyjs.io/form-library
MIT License
4.21k stars 814 forks source link

`showProgressBar: "belowHeader"` doesn't work with a transparent header #7783

Closed JaneSjs closed 9 months ago

JaneSjs commented 9 months ago

T16366 - Header Image and Progress Bar Bug https://surveyjs.answerdesk.io/internal/ticket/details/T16366

Expected behavior (View Demo): the progress bar appears under the header and above a survey. image

Current behavior (View Demo): when the header uses a transparent color, the progress bar is shifted to the top. image

JaneSjs commented 9 months ago

@tsv2013 the "showProgressBar": "belowHeader" doesn't work for a transparent header. https://plnkr.co/edit/lJZdsCrjisdX9kvw