Buttons are invisible on website

[Chazar]

I updated my Chrome-Browser yesterday and several buttons are missing on the Warbarons website now. The buttons are still there, i.e. I can use the Tab key to highlight a tiny line where the button ought to be, and press the button using the enter key, but if I don't remember which button does what, I am pretty lost.

Here is what it looks like for me now/ Note the missing buttons for "Standard" "Advanced" "Save Settings" in the game settings box, the "Send" button in the game lobby box, and even the "Launch" button (not shown):

NoButtonsInChrome

NoButtons.jpg (132.96 KiB) Viewed 4660 times

This is Chrome on Linux. Firefox/Linux and Chrome/Windows still work fine for me. Here the about: info:

Chromium 27.0.1425.0 (Entwickler-Build 185065)
Betriebssystem Linux
WebKit 537.32 (Unknown URL@0)
JavaScript V8 3.17.5
Flash 11.2 r202
User-Agent Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.32 (KHTML, like Gecko) Chrome/27.0.1425.0 Safari/537.32 SUSE/27.0.1425.0

[piranha]

This is not related to the other button bug which is solved (by pressing F5). I have the latest version of chrome on mac which is version 27 and it works. Hard to fix it without being able to replicate the bug.

Are all buttons gone in the community section of the site?
What about the buttons in the game section?

If yo can find anything more to help debug the problem that would be great.

[Chazar]

No reloads won't fix it, and I see it for more than a day now - I wouldnt report any hiccup.

I examined the element with chrome, and it says picture "125px x 2px". I change some styles, but nothing happened.

However, while Chrome says that the following applies (among others), for some reason "padding", "border", "border-image" and and "background-color" are all crossed out by Chrome (ie are ignores):

Code: Select all

innput[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
-webkit-align-items: flex-start;
text-align: center;
cursor: default;
color: buttontext;
padding: 2px 6px 3px;
border: 2px outset buttonface;
border-image: initial;
background-color: buttonface;
box-sizing: border-box;
}


In the one "inherited from body", the line-height 18px is also crossed out.

Does this help?

[piranha]

Which element is that?

If you check the element for the save setting button for example, what does it look like?

[Chazar]

That were the styles for the "Submit Settings" button already:

Code: Select all

<button type="submit" id="button" name="1" onclick="gamelobby.saveSettings();;" style="border: 0; background: transparent; float:left;;" value="Save settings">
  <div id="button" style="float: left;">
    <p>
       <span>Save settings
</span></p></div></button>


In full:

NoButtons2.jpg (232.58 KiB) Viewed 4633 times

[Chazar]

This bug is still troubling me, after upgrading my Linux OS. I even tried logging into a fresh and empty user account, but the buttons on the website are still missing.

While it only affects chromium, but not any other browser, this bug is certainly a huge deterrent for any Linux/Chromium user who suffers from this bug.

[Chazar]

An update to Chromium 28.0.1500.0 fixed the issue now.

[piranha]

Good to hear. I really have no idea why that happened. Lets hope it doesn't come back.