Problems with blogroll on scripting.com?

[scripting]

There's a lot of JavaScript and CSS in the new blogroll on scripting.com, so of course there will be problems. 😄

If you're seeing something that doesn't look like the screen shots, then let us know here.

1. What browser?
2. Computer, if possible version of OS.
3. Describe the problem. (e.g. the blogroll is displayed upside down)
4. If you can, open the JavaScript console and see if there are any error messages there. If so, say what they are. Screen shots are good there.
5. If you had to do something to make the problem appear, say what it is.

Sometimes people write book reports. Remember someone has to read all the stuff. Make the point clear. If it works properly, say that up front. If it didn't work, say that too.

And thanks everyone for the enthusiasm and creative ideas. I'm having fun here too.

Dave

[scripting]

Someone sent a screen shot via email, the blogroll is at the bottom of the page, in Chrome on Mac OS, Monterey.

[scripting]

For CSS people, it's really weird to see that screen shot. The two parts are table-cells and the enclosing container is a table.

No matter what I do in Chrome, I can't get the blogroll the go below the blog content, but maybe I'm missing something...

[drewkime]

Love the new blogroll. It's got that "It's so obvious, why are we not already doing this?" feel to it.

One suggestion, and this might just be my expectation from some other tool or site: When a site is expanded I would expect clicking on the snippet to open the source, as clicking on the timestamp does, instead of collapsing it. That would also make a much larger hover target for the pop-up preview.

[scripting]

@drewkime -- thanks! i agree. i iterated to it, there was a moment when i realize this is a blogroll. and then i got really excited.

i hadn't noticed that clicking on the body of an item collapsed the feed. i've put it on my list, when i have something to look at i'll post a note here.

[burbridge]

• Firefox 123.0.1 (64-bit)
• MacBook Air M1
• macOS 14.4
• No blogroll at http://scripting.com/

Javascript console messages (sampled):

9:30:46.342 This site appears to use a
scroll-linked positioning effect. This may
not work well with asynchronous panning; see
https://firefox-source-docs.mozilla.org/
performance/scroll-linked_effects.html for
further details and to join the discussion on
related tools and features! 297
. . .  
09:37:57.848 downloadable font: Glyph bbox
was incorrect (glyph ids 48 70 77 96 97 98 99
102 103 104 105 127 134 135 138 154 174 177
179 181 193 199 200 232 233 287 288 289 290
294 296 299 305 306 307 324 325 334 336 338
341 344 345 346 347 348 349 354 362 364 366
367 368 369 372 373 376 381 382 385 386 429
446 451 459 460 473 475 479 480 498 520 523
526 529 531 532 533 535 536 553 554 561 583
589 594 595 600 601 609 611 614 617 618 631
633 637 642 644 645 648 649 653 658 660)
(font-family: "FontAwesome" style:normal
weight:400 stretch:100 src index:1) source:
http://s3.amazonaws.com/fargo.io/code/
fontAwesome/fonts/fontawesome-webfont.woff2?v
=4.6.3
. . .  
09:37:59.001 openFeedlandSocket:
sending: hello world blogroll.js:108:14
09:38:08.142 📤 Sending <NmLockState> message
to native core <3149932287>
background.js:2:2216976 
. . .  
sendRemoveListener on closed conduit
jid0-adyhmvsP91nUO8pRv0Mn2VKeB84@jetpack.
274877910411 ConduitsChild.sys.mjs:108:13

# # #

[burbridge]

• Safari 17.4 (19618.1.15.11.12)
• MacBook Air M1
• macOS 14.4
• No blogroll at http://scripting.com/
• Safari Javascript console exhibits no errors

[burbridge]

• Safari 17.4 (19618.1.15.11.12)
• MacBook Air M1
• macOS 14.4
• Blank tabs, blank blogroll at http://scripting.com/

Safari Javascript console exhibits error:

[Error] Unhandled Promise Rejection: Error: Error looking up record in object store by key range
   (anonymous function)

[Marc-450]

Is the Bloggroll supposed to contain links to the sites listed? I see all the sites in the blogroll but there seems to be no way to reach the site if I am interested in it (except to write the name of the site in the search window). I use Firefox (with Ghostery enabled) but your site is on my trusted sites list.

Thanks. I visit your site multiple times a day and like the Blogroll list (but either I don’t understand how it is supposed to work or it is not working as expected for me).

[scripting]

@Marc-450 -- thanks for posting the question here.

there is a way to get to the site

1. expand the feed title by clicking on the wedge next to it
2. the five most recent items are visible, and next to each one is a link
3. clicking the link takes you to the site

I do think there should be a way to get to the home page of the site and will think about that.

[drewkime]

The blogroll is only appearing on the home page, not internal pages. Is that intentional?

Firefox 123.0.1 (64-bit)
Windows 11 Home

[Marc-450]

To Scriptiing - thanks for your reply. The blogroll did not seem to be working for me as you described. I was only sometime getting the link when hovering my cursor over one of the expanded items. (Most of the time hovering for several seconds showed nothing new and clicking caused the wedge to close.) However, after playing around for a while, I realized that only the time listing after the title is the link. Knowing this I can get the links. In Firefox, there is no visual indicator that the time listing is the hot link, until you hover over it.

[scripting]

@drewkime -- yes

[richb-hanover]

On tablet devices, (I checked both an iPad and Android), the blogroll does not appear in the main Scripting.com page. (See screen shot below.) I imagine that is because there's not enough horizontal space to display the blogroll.

Suggestion: I wonder if it makes sense to detect the lack of screen width and add a "Blogroll" tab to the page? Thanks as always

[scripting]

@richb-hanover -- i only got it to work on the desktop site, not tablets or phones yet.

interesting idea about making it a tab...

[richb-hanover]

Might it make sense to make the main content fill the full width of the tablet/phone? (Or center the content area in the page?) The current appearance is a bit lopsided. Thanks again

[scripting]

@richb-hanover -- a screen shot might help. i'm not there with you, i can't see what's on your screen.

[richb-hanover]

Sorry - I had posted a screenshot with my earlier report: #297 (comment)

[scripting]

i think i see what's going on, you have the tablet in landscape mode?

[richb-hanover]

Hmm... The behaviors are way more complicated than I originally thought. Whether the blogroll is displayed seems to depend on the orientation of the tablet, and what happens when it switches landscape <-> portrait. I'm using both Brave Browser and Silk Browser on my Fire8.

• Yes - the screen shot above was taken several days ago (14 March 2024) Notice that there's white space on the right side of the screen
• Screenshot 1 below is the page today, retrieved in landscape mode - well centered - no blogroll
• Screenshot 2 below is the same page (no reload) rotated to portrait mode - no blogroll. (The Volume Up/Down is my fumble fingers trying to get the screen shot and holding power for too long. But it's an accurate depiction of the screen.)
• Screenshot 3 below is the page, portrait mode, but with a fresh reload - blogroll appears. Note the header image doesn't span the full page for number 2 or 3.
• Screenshot 4 below is the same page (no reload) rotated to landscape mode - no blogroll

Screenshot 1 - reload in landscape mode

Screenshot 2 - rotate to portrait mode

Screenshot 3 - reload in portrait mode - blogroll appears

Screenshot 4 - rotate to landscape mode - no blogroll

[richb-hanover]

Update:

iPad On my wife's iPad (10 inch, reasonably modern...) using Safari:

1. Initial reload of the page looks like Problems with blogroll on scripting.com? #297 (comment) - large amount of white space on the right.
2. Rotating the iPad to portrait mode shows header across the top, no blogroll, content fills most of the width as expected
3. Reloading the iPad in portrait mode - identical appearance to 2 above - does not show blogroll
4. Rotate to landscape - essentially the same appearance as 1 above.

Asus Nexus 7 using Chrome

This behavior is substantially identical to the Brave browser above: no blogroll shown unless it's reloaded in Portrait mode.

iPhone 14 using Firefox

Substantially the same as the iPad behavior. Blogroll never appears; content and header fill the screen;

[scripting]

a yes or no would have been helpful. 😄

[richb-hanover]

Sorry - it's a hard habit to break. (QA engineer in another life...) I'll try to answer the specific question in the future. Thanks

[scripting]

LOL -- I'm still actually waiting for the yes or no..

[richb-hanover]

LOL -- I'm still actually waiting for the yes or no..

:-) Yes - the original screen shot was in portrait mode. (In my defense, the first bullet point of my original response was "Yes", but it was buried in a lot of other detail.) I'll try to remember to put the most important info first. Thanks.