I found a bug: position: fixed;, floating widgets and fixed background images do not work
GetLikha opened this issue · comments
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
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
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!
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
(sorry about the delay of my answer)
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.jsPlease paste here what you put in the JS editor
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.
I just understood that it works WITH the html tags in the js editor
I will look into this