Javascript Mobile popup issue
By Marc on Wednesday, 30 May 2018
Posted in General
Replies 5
Likes 0
Views 1K
Votes 0
After updating to the latest Easysocial 2.2.1, I have an issue with Javascript popup's.
When clicking on a item that has a popup (e.g edit profile) the screen greys out.
A message box is shwon but its way done at the very bottom of the page. For most people, they don't know that they must scroll all the way down and simply think there is an error (as nothing is visible on the screen apart from a grey'd out page.

If I disable the Office template Easysocial overrides, this problem goes away.
Hi Marc,

I've replicate this issue locally, seems there is a bug regarding this. I've logged this issue in our issue tracker, our designer will take an action for this and they still investigating this issue.

Thanks for your cooperation and understanding Marc
Muhammad Fadhli
·
Wednesday, 30 May 2018 14:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Any update on this?
Basically the whole site is broken, as any popup message can't be seen easily.
Marc
·
Wednesday, 30 May 2018 19:05
·
0 Likes
·
0 Votes
·
0 Comments
·
It looks like its coming from this CSS setting:

...components/com_easysocial/themes/horizon/styles/style.min.css

#es.is-mobile .es-stream-control .dropdown-menu, #es.is-mobile .es-users-item .dropdown-menu, #es.is-mobile .es-profile-header__action-wrap .dropdown-menu, #es.is-mobile .es-profile-header__avatar-wrap .dropdown-menu, #es.is-mobile .es-comment-actions .dropdown-menu, #es.is-mobile .es-search-group__item .dropdown-menu, #es.is-mobile .es-convo__sidebar-action .dropdown-menu, #es.is-mobile .es-media-item-menu .dropdown-menu, #es.is-mobile .es-cover-menu .dropdown-menu, #es.is-mobile .es-profile-header-nav__item .dropdown-menu

bottom: 80px;

If I do a CSS override it seems to resolve the issues (although I haven't tried everywhere yet)
bottom: unset;
Marc
·
Wednesday, 30 May 2018 19:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Marc,

This is an isolated issue with the office template. Our designers are still working on this and as soon as a fix is available, we'll release the updated Office template.
Mark
·
Wednesday, 30 May 2018 20:47
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post