Object won't go hidden
Hey so, in the image you'll see that the trashcan should have the
hidden class, yet the trashcan is not hidden..
The trashcan object is:
<i class="fa-solid fa-trash-can articleDeleteTrash" style="color:white; cursor:pointer;"></i>
the css of hidden is:
Okay, while writing this update... So sometimes on the live after refreshing it it is working, yet other times it is not...
I'd prefer no inconsistenties
All that I did inbetween it not working and it working was make sure the css file is linked by simply putting the body:background-color:red to confirm it indeed being linked
After confirming it was linked I wanted to add that to this message and then somehow it started working as it should
Any idea if this inconsistency is just due to Live servers
Or some other reason?
Because if this inconsistency is bc of live servers sometimes loading weirdly, then it shouldn't be a problem when I push it to the internet
But if it is something else then I'd like to figure out why and prevent it from happening16 Replies
One refresh later and it refuses to work again, 10/10 😂😠save me
This is how it should be when it has the hidden object... I don't get it, once more I just added body color red and then live servers does it again...
Like, am I to assume this is a bug in live servers or not ?
andafter removing the bodycolor it still works, until I manually hit refresh page
Loading the page fresh (as in closing the port and reopening it, has the issue in it)
Adding a random style to the css file fixes it
The previously mentioned addition does not keep it fixed after a refresh
Is it somehow thinking my css file isn't linked until I manually change it? But if that is the case, considering it is live servers, it should basically refresh page whenever I change something right?
Then why is it acting strange with a manual refresh
Yeh!!
It is literally fixing itself the moment I touch the css in vsc, what ?
I'll push it to live and see what it does
Okay update, on the internet, the issue persists and changing the css file while in browser does NOT fix it
I mean, the background color got adjusted to yikes flashy red
but it ain't removing the trashcan, any clue as to whats going on here?
if it's on internet post a link to it so we can see and help 😉
Okay, I'm completely lost
Literally touching the css files once even if its incorrect, even if its a different css file fixes the issue
But obv when its pushed live to the internet that can't be done
right ill post a link to the site, but I don't understand where the issue could be
https://brights-store-app-prototype.netlify.app
load you css file after font awesome
Like, its as if it pretends the css files don't exist yet until I manually change something to it, but it only should add this class when clicking the + icon
don't tell me that's gnna be the issue ...
This is annoying... lmao
Thanks
why did this happen tho ?
font awesome styling is winning with your css file beacuse of load order
ahh alright
even tho I apply the styling later on?
Like the styling legit gets applied on clicking on it manually, yet fontawesome still winning?
but the file is loaded before fontawesome it doesnt matter at what point you add the class
ahh, alright
thanks! lesson learnt
Always load third party styles and scripts before loading my own to ensure correct behaviour
yup
but then, why did it fix itself whenever I manipulated the css files while live server is open?
Is it bc live server only reloads the thigns I made changes in?
no idea maybe
well, at any rate, thanks!
oh and a merry christmas btw
your welcome merry christmas 