Fixed Blank member card

[Mike S]

Affected version

2.3.6

In Safari 18.4 beta desktop, i get in some members a blank card. However, in the iOS version they appear correctly (18.4 beta), as well as in previous versions of Safari and other browsers. It seems to be a problem with Safari 18.4 beta desktop, although it does not occur here (Xenforo Community).

​

 

[Mike S]

Only occurs when using the administrator user, not as a guest or registered user.

 

[Mike S]

 

[Jeremy P]

Can you reproduce this on a default style with all add-ons disabled? If it doesn't happen here, it's likely due to a customization of some sort.

 

[Mike S]

Yes, I have tested it with the default template and without add-ons. I have done all possible tests and it still happens. It must be a problem with this version of Safari (MacOS 15.4 beta). We will see if it still happens in the final version.

 

[BassMan]

After updating to macOS 15.4 I can see this too in Safari. For some reason, not on this forum, but on 3 of mine. And not for all users.

 

[XBones]

Is there any work around to this issue through XF? Not sure Apple knows it is a problem or cares.

 

[GingerScraps]

Having the same issue, I have also tried all the same steps and original poster. It only seems to be happening if logged in as admin in Safari 18.4. When looking as a guest or registered user, it is loading normally.

Edit:
Adding more info, same results of incorrect/blank member card on iPad using Safari OS Version 18.4
However it is operating normally on iPhone using Safari OS Version 18.4

 

[XBones]

Yes that’s the issue. If logged in as an Administrator then the blank card appears. Otherwise it works as expected for registered users etc.

Was just wondering if there was something that could be done in the template to correct it.

 

[duderuud]

Running Safari 18.5 here and no problems...

 

[Mike S]

With 18.5 (beta) it still happens to me.

 

[GingerScraps]

With 18.5 (beta) it still happens to me.

View attachment 322178

Me too, exactly the same.

 

[XBones]

There is no question that this issue is a problem caused by the upgrade to MacOS 15.4.1 and iPadOS 18.4.1. It seems the iPadOS is more closely aligned with the MacOS than the iOS version. iOS 18.4.1 on the iPhone isn't affected and does not display the 'Blank Member Card' behavior.

I have noticed on my Mac running OS 15.41 that a few member cards are not affected. I can't pin it down specifically but it seems if a member is using a 'banner' the card seems to display as expected. I'm not totally sure about that.

In any event I was hoping there could be fix to this but I guess not. This is an Apple MacOS/iPadOS issue...likely a Safari issue. How it will get resolved is completely uncertain but it's pretty annoying.

BTW, everything works just fine in Chrome whether you are logged in as an Admin or not.

 

[Jeremy P]

I haven't had time to test this comprehensively yet (ie. tooltips with and without banners on all devices for staff and non-staff accounts), but this seemed to work at least for tooltips without banners on desktop Safari:

.memberTooltip-header
{
    display: flex;
}

.memberTooltip-headerInfo
{
    flex-grow: 1;
}

There may be a more robust fix, it appears to have something to do with changes to the behavior of tables in Safari 18.4:

Safari 18.4 Release Notes | Apple Developer Documentation

Released March 31, 2025 — 18.4 (20621.1.15)

developer.apple.com

 

[XBones]

I haven't had time to test this comprehensively yet (ie. tooltips with and without banners on all devices for staff and non-staff accounts), but this seemed to work at least for tooltips without banners on desktop Safari:

.memberTooltip-header
{
    display: flex;
}

.memberTooltip-headerInfo
{
    flex-grow: 1;
}

There may be a more robust fix, it appears to have something to do with changes to the behavior of tables in Safari 18.4:

Safari 18.4 Release Notes | Apple Developer Documentation

Released March 31, 2025 — 18.4 (20621.1.15)

developer.apple.com

Thanks so much @Jeremy P ... seems to have corrected the issue. The Member Card seems to be displaying as expected now on my MacMini, iPad and iPhone all running the latest version of the Mac software!

 

[GingerScraps]

I'm a newbie to XenForo, can you please tell me where to locate and implement this fix? Screenshots would be great!

 

[Jeremy P]

You can throw it in the extra.less template for now.

 

[Mike S]

I put it in extra.less, but I don't know why, it doesn't work. I modified directly member_tooltip.less and it works.

 

[XBones]

After making the changes I was able to get the Member Cards working. At first I thought everything was back to normal but upon further review...not quite.

The members cards when logged in as an Admin did display but many times the formatting was all messed up...mainly the padding making the card look strange. Worse yet the different formatting was very random and intermittent and there didn't seem to be any rhyme or reason as to why or when or where the formatting issue would occur. I reverted back to my 'blank card' situation.

Wondering how this eventually gets resolved. Obviously Apple isn't going to be of any help. Does XenForo take this into consideration at some point and make a change during an upcoming update? Just curious how that works. @Jeremy P any ideas?

 

[Jeremy P]

It's on my short-list for the next release, but I haven't had a chance to look beyond what I detailed in my previous message yet.

Essentially we use CSS tables to achieve a 2-column layout on member tooltips, but this no longer works correctly in the latest Safari (whether by bug or design). Flexbox is a more modern approach to achieve the same thing, so we'll probably go with that, but there may be some other quirks/issues to sort out with it.