Issue: CSS/styling issues on Samsung Galaxy S5 default Android browser

Issue Tools
- View Changes

May 9, 2017 1:50 PM

ACL

Regular Member

CSS/styling issues on Samsung Galaxy S5 default Android browser

Using the default unmodified Xenforo style, some things like page lists for areas don't display quite right on a Samsung Galaxy S5, using the default Android browser (Android Kit Kat), as shown in the attached screenshot. In portrait view, wiki pages with long titles or more than a few contributors listed forces the text to drop down underneath the page icon. In landscape view, page view/edit/# pages stats display underneath the icon, causing the icon styling to extend to the right underneath a page's title.

On a Samsung tablet however, everything looks correct with the default Android browser (Android Lollipop). I tried replicating the issue by resizing Chrome on a desktop computer but everything looks good there. Everything also looks fine using Google's smartphone renderer.

Other than the S5 phone and a 10.1" Samsung tablet I don't have access to any other Android devices to test, Samsung or otherwise.

One last thing: I also browsed to the vaultwiki.org xenforo demo on my phone and the same styling issues occur for portrait and landscape viewing. I can provide screenshots of this occuring on the 'Demo' area main page if requested.

Issue Details

Issue Number 5064

Issue Type Bug

Project VaultWiki 4.x Series

Category Styling / CSS

Status Forum Bug

Priority 5 - Minor Bugs / Small Tweaks

Affected Version 4.0.17

Fixed Version (none)

Milestone (none)

Software DependencyAny

License TypePaid

Users able to reproduce bug 0

Users unable to reproduce bug 0

Attachments 7

Assigned Users (none)

Tags (none)

June 9, 2017 9:28 AM
pegasus

VaultWiki Team
This issue is not unique to the wiki. In XenForo's default style, if there is a forum thread with a long title that has no spaces, similar behavior can occur. Your options are:
- Add spaces to the title
- Add the following to your CSS:

Code:

a:link { word-break: break-all; }

Closing this as a Forum Bug.
Reply
June 9, 2017 12:58 PM

ACL

Regular Member

I feel that there must be more to this since this issue occurs on a Samsung Galaxy S5 even in landscape mode with plenty of room for titles. Too many contributors for a particular page also causes this behaviour. It also doesn't explain the landscape layout quirk with the view/page count beneath the icon.

The positioning of the page icons is also off, but again out of the devices I have access to it is only occuring on the Samsung Galaxy S5 in the default Internet browser (not Chrome).

I'll provide some more screenshots (including a couple from the XF demo site).

Reply
June 9, 2017 2:13 PM

ACL

Regular Member

The landscape view quirk with the view/edit/etc count also occurs in the Category Area of the vBulletin version here on vaultwiki.org , but this time phone orientation doesn't matter as it happens in portrait too.

So I guess there is really two different issues in the (KitKat) Android browser on my phone but not my tablet's (Lollipop) Android browser:
1) long titles or too many contributors pushing down the block beneath the page icon, and
2) the view/edit/pages count icons being positioned underneath either in landscape mode on Xenforo or either orientation on vBulletin

Sorry I don't have other devices to test with to try and narrow the problematic scenario - e.g. is it KitKat, or is it all Samsung Android phones, or something else...

Reply

+ Reply

All times are GMT -4. The time now is 10:38 AM.

This site uses cookies to help personalize content, to tailor your experience, and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.

Learn more… Accept Remind me later

Welcome to VaultWiki.org, home of the wiki add-on for vBulletin and XenForo!

Issue: CSS/styling issues on Samsung Galaxy S5 default Android browser

Issue Tools