[New bug] Unable to add runes to a guide

[quote=SpikeThePike]Hi guys, I'm a fairly experienced author with 4 published guides Recently I can't seem to add Runes to a guide's cheatsheet, nor edit the runes on my existing guides. So the Runes page shows up with 5 icons for Precision, Domination, Sorcery, Resolve, Inspiration. It asks me to click on two of them to select primary and secondary. [b]The problem:[/b] when I click an icon - nothing happens (except the icon changes color to show it's been clicked). I can't select a keystone or any other runes. [b]What I'd expect:[/b] click on Precision icon and the list below is then populated with all the possible Precision rune selections, so that I can pick my keystone and 3 others. Screenshot: [img=https://i.imgur.com/z0342qx.png] The screenshot shows that I have clicked the Precision and Sorcery path icons, but the whole box below that is still empty - no runes are shown. Bug tested on Firefox 52.5.3 and a recent Chrome, present in both. Thanks for help. Currently my top-ranked Shyvana guide has lost its runes, and is starting to lose votes because of it - I had 100% votes recently before this.[/quote]

[quote=PsiGuard]Added the runes back to your guide. Let me know if you need me to change which runes are selected (if you can't do it yourself). See if you can recreate the bug in a new guide. If you're having the same bug consistently, it would help our devs figure out the problem. I figured it'd be safer to test this on a new guide than on your main Shyvana guide since you mentioned you were losing score.[/quote]

[quote=SpikeThePike]Hi PsiGuard that's really appreciated, thank you - runes on the Shyvana guide look great. I have the exact same issue / bug when creating a new guide, or editing any of my existing guides. I've tried various things like creating cheat sheet elements in a different order, making sure there's a title entered and a champion and map selected, and everything else I can think of. Exact same issue every time, nothing makes any difference. I've tried waited 20-30 seconds to see if it needs time for the rune selections to come up, but that makes no difference either. Other things on the page which "come up" seem to work fine. Example, on a completely blank new guide page - www.mobafire.com/edit/guide - the text reads "Select an empty slot to add a build". I click on a empty slot and the list of 141 champions comes up perfectly and fast. Some thoughts: [list][*]I'm a Java and C# coder so I know how to test, but I don't know HTML or JavaScript at all. I'm happy to do any testing that will help your devs, but I need some guidance. [*]The issue is seen on both my laptop and my gaming PC, which have different setups and different network connections. I use Firefox as my main browser on both. [*]I don't have similar issues on any other sites. [*]I normally use Privoxy as a filter/local proxy when viewing webpages, but I get the exact same issue with Privoxy fully disabled. [*][b]One more thing I did notice - until about 1-2 weeks ago, when logged in to Mobafire.com I had my username in the top right of the screen and can click it to see my profile etc - that is currently missing. From memory, I think that change was at about the same time as this issue reported here started.[/b][/list] Testing in Firefox on my Android phone, the Guide Editor looks 100% fine - the bug does not appear on my phone, I can edit the runes OK on my phone. So I'll be using my phone any time I need to make rune changes. Would still be good if your devs can get this reported bug fixed, as I mainly use a PC for guide editing - and I guess the same bug must be affecting some other people, I can't be the only one? Thanks![/quote]

[quote=PsiGuard]This is the first I've heard of this issue. The username thing is strange as well. My best guess is that it's a compatibility issue with your desktop firefox browser but maybe there's another factor we haven't considered. It's good that you have a workaround so you can update your runes yourself while we work on this. If you get a chance, maybe try a different browser like Chrome or Edge and see if the bug is present there (on desktop). I'll make a bug ticket with this info, thanks. Edit: I just noticed you mentioned you tested in Chrome as well. That's troubling. Hopefully the devs can figure this out. I'll post here again if I need to ask you anything else.[/quote]

[quote=SpikeThePike]Yes Chrome as well. For the username thing, using Firefox's [b]Inspector[/b] tool to look at the HTML code on the displayed page, I can see that the username is in a section named [code]<div id="member-menu-target" class="member-menu-container float-right" ...[/code] That section is not showing up visibly on the rendered page, I don't know if it's off the right hand side of the page or something. I should say that my desktop resolution is 1280x800, sorry it's an old laptop. Seems like the Mobafire page is designed to be rendered on a display at least 1400 pixels wide. I have a horizontal scroll bar in Firefox, I can scroll the page to view the right hand side of the page but the member menu is still not visible where it should be. [b]Maybe suggest that your devs set their desktop resolution to 1280x800 (or 1280x720 or similar) for testing this issue?[/b] My best guess now is this username issue is not connected with the runes issue. ----- The runes issue I have looked at today with [b]Inspector[/b] but I think the content here is mostly not in HTML it's in Javascript and I don't know how to debug that. In the HTML code I can see some Javascript which looks like it should run after clicking two rune paths, some text to show up reading like "+9% Attack Speed +10 Ability Power or 6 Attack Damage" for the Precision+Domination paths. That text is not showing up on my screen, see the screenshot I already posted. I have Javascript enabled. I don't have many browser plugins, just usual things like Shockwave Flash, Quicktime, Silverlight, and some Microsoft DRM stuff (my PC is used to view Netflix...).[/quote]

[quote=PsiGuard]Thanks for the extra info, added some of your stuff to the bug tickets. I would also recommend temporarily disabling whatever extensions you can and test again (especially if you use any extensions on both Firefox and Chrome) just in case that's a factor.[/quote]

[quote=SpikeThePike]Thank you. I haven't been able to fix it by disabling extensions. [i]Additional info[/i]: now any time I edit the text of the guide on my PC and re-publish it, the Runes data gets removed ... even if I don't touch the Runes page in the cheat sheet. As mentioned above, I am able to fix this myself by doing a follow-up edit on my phone to add back the Runes data.[/quote]

[quote=PsiGuard]Good to know, thanks Spike.[/quote]

[quote=SpikeThePike]Hey again. Not sure if you read that right? I said, "I [b]haven't[/b] been able to fix it by disabling extensions." It's still an issue today - I just updated my Shyana guide for patch 8.15 and had to go through the same rigmarole of then using my phone to add back the runes. ---- Further issues editing the guide in Firefox on a mobile phone (Android, 1280x720 screen resolution): - the Rune page is editable on a phone, the Javascript is working - but editing the Cheat Sheet in any way on a phone causes the "Guide Settings" part of the screen to stop being rendered on-screen (even though it is rendered prior to editing the Cheat Sheet) - it's like the Guide Settings box is not attempted to be rendered, in the same way that the Member Menu container is not attempted to be rendered if the screen width is below a certain value - this is a problem because the Guide Settings and the Member Menu are key navigation tools - on a phone the rendering problem can be worked around by rotating the phone 90 degrees so that the screen is in landscape mode (widecreen), and using the browser to zoom out to less than 1 pixel per on-screen pixel, so that the full page is now rendered as if I had a screen wider than 1280 pixels. Sorry to be reporting two different issues in the same thread right now, but both are current problems. I can't be the only person still using a screen width of 1280 pixels, we don't all have money for the latest model laptops and phones .... Just to be clear on this screen width thing, I would be totally happy if using the horizontal scrollbar (or sideways scrolling on a phone) would get me to those areas of the screen. The [b]problem[/b] is that elements on the right-hand edge of a Mobafire page are not attempting to render at all, below a certain screen resolution, even if the user scrolls the screen to the right. Your devs will see this easily if they test on a PC or a phone with 1280 (or less) width.[/quote]

[quote=PsiGuard]I did read it right, I was just thanking you for the extra info. I updated the bug ticket to note that extensions weren't the cause. One other user recently reported a similar issue with the username disappearing. I'll add another ticket for the guide settings problem on your phone. It could still be related but it's probably best for me to report them as separate bugs so I can keep the details organized. I haven't heard back from the devs about this yet, sorry. All I can do is make sure they have all the information they need.[/quote]