I found a bug: position: fixed;, floating widgets and fixed background images do not work

[GetLikha]

I was creating my website when I hit a wall. Fixed Background Images don't work on this particular project, even though on my other projects it has. I tried a different project, and it works. I know you're looking into Silex V3, but still commenting on V2 so I can contribute to V3.

I don't know exactly how to reproduce the problem, but I'd happily provide project files you can look into.

Website is: https://getlikha.com
I'm well aware widgets are fixed and fixed background images work, depending on the resolution. I've used different browser resizing tools to comfirm this.

If you use Silex desktop app, please complete the following information

• Silex desktop version: 2.7.30
• OS: Windows 11 (ReviOS Modified)
• Opera One, Brave

[lexoyo]

Hello
So you're saying that background-image can not be fixed? The bug is only on mobile? Or only when the site is resized? (Smaller width than the section)
I'll look into that soon

[GetLikha]

Hey so, I noticed if you add <style></style> in the script.js/the JavaScript editor, the fixed background-image works properly, but the browser responsiveness doesn't work.

The one with the <style> in the js: https://51d29bee.likhastudios.pages.dev
The one without the <style> in the js: https://668af317.likhastudios.pages.dev

I can't wrap my head around it but there seems to be a CSS dependency on script.js or something, can't wrap my mind around it.

Hopefully it helps with V3!

[lexoyo]

Oh yes, this style tag should not be there !! :-/

On my side I see a <script> tag in https://51d29bee.likhastudios.pages.dev/js/script.js

Please paste here what you put in the JS editor

[lexoyo]

(sorry about the delay of my answer)

[GetLikha]

All I added was this:

Also I noticed script.js has missing semi-colons:

and:

Oh yes, this style tag should not be there !! :-/

On my side I see a <script> tag in https://51d29bee.likhastudios.pages.dev/js/script.js

Please paste here what you put in the JS editor

[GetLikha]

On another laptop, fixed backgrounds and widgets are working, so I'm assuming it's relative to the scale and the resolution of the device. If I set my windows screen scale to 100% and resolution to 1920x1080, fixed background and widgets work fine. But if I change the scale to 125%, it doesn't budge anymore. Trying to wrap my head around it but, the problem has something to do with the screen size and scale.

[lexoyo]

In the js editor you should not add html tags at all In the CSS editor you can add css styles but also not html tags In the head editor you are supposed to add html tags

…

On Jul 18, 2023, 13:34, at 13:34, Likha Studios ***@***.***> wrote: All I added was this:  Also I noticed script.js has missing semi-colons:  and:  > Oh yes, this style tag should not be there !! :-/ > > On my side I see a `<script>` tag in https://51d29bee.likhastudios.pages.dev/js/script.js > > Please paste here what you put in the JS editor -- Reply to this email directly or view it on GitHub: #1517 (comment) You are receiving this because you commented. Message ID: ***@***.***>

[lexoyo]

I just understood that it works WITH the html tags in the js editor

I will look into this