Fader Weirdness

Started by Grammy, July 12, 2016, 04:22:38 PM

Previous topic - Next topic

Grammy

No, it won't play.  I guess the Javascript wins this round.   :-\

This also happened on my first test board which was 1.1.11, so I guess it's been an issue for quite a while.  Odd little quirk. 

Antechinus


Sir Osis of Liver

Don't know what you're seeing, but this works for me -



#smfFadeScroller
{
text-align: center;
padding: 0 2em;
overflow: auto;
margin: 1em 0;
color: #575757; /* shouldn't be shorthand style due to a JS bug in IE! */
height: 60px;
}



Still loads multiple items on refresh, but height doesn't change.

"The best laid schemes o' mice an' men / Gang aft a-gley." - Robert Burns

Grammy

Quote from: Sir Osis of Liver on July 13, 2016, 10:22:43 PM
Don't know what you're seeing, but this works for me -



#smfFadeScroller
{
text-align: center;
padding: 0 2em;
overflow: auto;
margin: 1em 0;
color: #575757; /* shouldn't be shorthand style due to a JS bug in IE! */
height: 60px;
}



Still loads multiple items on refresh, but height doesn't change.


I did end up assigning a height to it on the test site (I used Illori's min-height fix on the production site) but it's the gaping open and showing all the news at once on refresh that's so annoying.  Right now, I'm doing as you suggested and just putting all the news in one field and letting the fader just sit there.  Considering what Arantor said, I think I'm stuck with it.   :)

Quote from: Arantor on July 12, 2016, 04:58:25 PM
Because they're all in the page HTML, and then the JS kicks in once the page has loaded.

Not great, but not a bug.

Sir Osis of Liver

It doesn't gape open with that code on my test install.  You can see it briefly loading multiple news items, but the height remains at 60px on refresh, it just adds/removes a scrollbar.  It's not bouncing the board index up and down, which is the really annoying thing.

"The best laid schemes o' mice an' men / Gang aft a-gley." - Robert Burns

Grammy

Quote from: Sir Osis of Liver on July 13, 2016, 10:54:41 PM
It doesn't gape open with that code on my test install.  You can see it briefly loading multiple news items, but the height remains at 60px on refresh, it just adds/removes a scrollbar.  It's not bouncing the board index up and down, which is the really annoying thing.

No, I see what you mean...  it's briefly showing all the news at once, but it's not going into contortions now, when it does.  The page stays relatively stable.  But I can't think why....   I mean, I'm fairly certain I tried every height fix possible, including min and max.  But this makes it much less annoying!  Thanks; I'll keep it!   ;)

Advertisement: