Bug: Contact page - X (Twitter) icon does not load, shows empty blue container #178

Closed
opened 2026-05-22 18:31:47 +00:00 by Zhekrom · 1 comment
Title: C# Bug: Contact page - X (Twitter) icon does not load, shows empty blue container
Severity: Low
Mode: Contact / Footer
Lesson ID / File: Contact page - Social media icons
Environment: Browser (specify version), OS (specify version)
Date/Time: 2026-05-22

Source Code

(Not applicable � resource loading issue)

Steps to Reproduce

1. Navigate to the Contact page.
2. Scroll to the bottom of the page.
3. Locate the social media icon for X (formerly Twitter).
4. Observe the icon area.

Expected Output

The X (Twitter) icon should load and display correctly as a social media link.

Actual Output

The X icon never loads. Instead, an empty blue container/placeholder is displayed where the icon should be.

Suggested Priority

Low � Cosmetic issue. Does not affect functionality but looks unprofessional.

Additional Notes

This may be a broken image/icon URL or a missing font icon asset. The blue container suggests a background color is applied but the icon asset itself fails to load.

Title: C# Bug: Contact page - X (Twitter) icon does not load, shows empty blue container Severity: Low Mode: Contact / Footer Lesson ID / File: Contact page - Social media icons Environment: Browser (specify version), OS (specify version) Date/Time: 2026-05-22 Source Code (Not applicable � resource loading issue) Steps to Reproduce 1. Navigate to the Contact page. 2. Scroll to the bottom of the page. 3. Locate the social media icon for X (formerly Twitter). 4. Observe the icon area. Expected Output The X (Twitter) icon should load and display correctly as a social media link. Actual Output The X icon never loads. Instead, an empty blue container/placeholder is displayed where the icon should be. Suggested Priority Low � Cosmetic issue. Does not affect functionality but looks unprofessional. Additional Notes This may be a broken image/icon URL or a missing font icon asset. The blue container suggests a background color is applied but the icon asset itself fails to load.
Zhekrom changed title from C# Bug: Contact page - X (Twitter) icon does not load, shows empty blue container to Bug: Contact page - X (Twitter) icon does not load, shows empty blue container 2026-05-22 18:32:07 +00:00
Owner

Fixed in spikerj/spikersoft-angular#7 (tracked together with the duplicate #218).

The empty blue container was the X (Twitter) social button: it rendered via a Material font ligature, but the X brand mark isn't present in the bundled icon fonts. Fixed by registering the brand logos as inline SVGs and rendering them with svgIcon.

Closing as resolved by the linked PR.

Fixed in spikerj/spikersoft-angular#7 (tracked together with the duplicate #218). The empty blue container was the X (Twitter) social button: it rendered via a Material font ligature, but the X brand mark isn't present in the bundled icon fonts. Fixed by registering the brand logos as inline SVGs and rendering them with `svgIcon`. Closing as resolved by the linked PR.
Sign in to join this conversation.