View Issue Details

This bug affects 1 person(s).
 8
IDProjectCategoryView StatusLast Update
03769Bug reportsDocumentationpublic2009-11-02 01:04
Reporteruser659Assigned Toc_schmitz  
PrioritynormalSeverityminor 
Status closedResolutionfixed 
Product Version1.86 
Summary03769: Opera cannot scroll Workarounds page with site's styles
Description

In Opera browser (9.63 & 10) the Workarounds page cannot be scrolled/page-downed with the site styles applied. If I disable styles, the scrollbar re-appears and other navigation keys also work again.

Additional Information

Opera reported an issue with an unexpected end-of-file at "color:#EE0000; background:". I fixed that (by specifying background color), butthe problem remains. Opera still reports one fault, but I'm not certain that it is the cause of breaking the scrollability:
CSS - http://docs.limesurvey.org/lib/jquery/cluetip/jquery.cluetip.css
Linked-in stylesheet
zoom is an unknown property
Line 229:
zoom: 1;
-------^

TagsNo tags attached.
Bug heat8
Complete LimeSurvey version number (& build)7697
I will donate to the project if issue is resolved
BrowserOpera 9.63, 10.00
Database type & versionN/A
Server OS (if known)N/A
Webserver software & version (if known)N/A
PHP VersionN/A

Users monitoring this issue

There are no users monitoring this issue.

Activities

user659

2009-10-12 16:34

  ~09786

Last edited: 2009-10-12 17:58

URL of affected page:
http://docs.limesurvey.org/tiki-index.php?page=Workarounds

As the page begins to load, the scrollbar is functional. Somewhere between item 'Select a random response to a "Multiple options" question for later use' and item 'Prefilling a date question with the current date' it is disabled. (If I stop the page loading at the former item, the scrollbar still works, if I reach the latter it is already disabled.)

c_schmitz

c_schmitz

2009-10-13 20:11

administrator   ~09789

Mazi, I think this problem occurs because alot of code in the page is not properly included in code tags

{CODE()} some code {CODE}

Can you walk the page and include any code in code tags so the page is at least wiki-wise okay? If the error still persists please assign it back to me.

Mazi

Mazi

2009-10-15 02:23

updater   ~09795

Cleaned up the first part including the javascript section. Will continue sooner or later, it already took ~ 4h.

Mazi

Mazi

2009-10-16 01:53

updater   ~09806

Last edited: 2009-10-21 11:56

These are workarounds which have to be checked if they are obsolete or outdated:

  1. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Removing_mandatory_popup_and_only_display_the_error_message

  2. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Change_quota_full_terminate_page

  3. WILL RETAIN http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Custom_onload_function_in_multi_language_survey

  4. WILL RETAIN http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Advanced_way_for_global_custom_onload_function

  5. WILL RETAIN http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Global_custom_onload_function_in_multi_language_surveys

  6. ADDED NOTE ABOUT NEW FEATURE http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Extend_the_use_of_Attribute1_Attribute2_to_an_unlimited_number_of_attributes

  7. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Condition_question_using_token

  8. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Set_a_timer_for_a_question

  9. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Add_JavaScript_based_sliders_to_your_questions

  10. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Show_survey_results_to_users

  11. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Show_survey_preview_to_other_people

  12. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Increase_number_of_displayed_tokens

  13. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Use_a_zero_value_at_assessments

  14. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Deleting_no_answer_option_for_all_question_types

  15. WILL REMAIN http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Offer_option_to_change_answers_later

  16. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Adjust_jpgraph_charts_for_great_numbers_of_possible_answers

  17. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Show_survey_results_to_users_2

  18. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Show_Reply_Count_instead_of_Questioncode_in_piecharts

  19. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Cant_submit_a_survey_..._but_all_questions_are_completet_correct

  20. DELETED http://docs.limesurvey.org/tiki-index.php?page=Workarounds#Integrating_with_SugarCRM

  21. who needs this? http://docs.limesurvey.org/tiki-index.php?page=Workarounds#HTTP_Refferer_is_not_shown_after_a_Redirect

Mazi

Mazi

2009-10-16 02:43

updater   ~09807

I overworked the complete workaround section. ITEd, can you please check again if there are still any problems?

Unfortunately I couldn't find out yet how to limit the width of the page. Any ideas?

user659

2009-10-17 00:38

  ~09813

Last edited: 2009-10-17 01:48

Mazi, the problem still exists, but I got some help from Opera boffins (http://my.opera.com/community/forums/topic.dml?id=296070&t=1255731643&page=1) and the problem is quite simple: In http://docs.limesurvey.org/styles/strasa.css the HTML element has a height of 100% defined. Effectively that means the whole page should be 100% of the container, which is the browser window. Logically then no navigation is possible - all content supposedly is in the browser window.

I'm not sure what its purpose is, but the 100% height should probably be applied to the body element, not the HTML element. That works ok in Opera. Apologies for my misleading guesses about the location of the problem.

[Edit: delete nonsense about width]

Thanks for all the cleanup work! It's improved the page a lot.

I'll try to find tome to look at some of your queries.

user659

2009-10-17 01:25

  ~09814

@Mazi (Bear in mind I'm reading for sense, not checking code)
re 3. It is pointing out that such a function has to be added in every language, not just in the base language. Helpful, IMHO.
re 4. Also useful as it shows how to add a function to the TEMPLATE so it works throughout the survey, not just on a particular page/question.
re 6. Agree, redundant - but would it be useful to move such things to an archive page of old workarounds instead of deleting?
re 7. Agree, since token info now accessible in condition designer.
re 8 - 11, 14, 16. Your amendments make it clear that these are now built-in.
re 18. This is actually a duplicate of your point 10, but the added notes about versions where built-in differ.
re 20. Almost seems as if the code has gone missing?

Others - not sure/haven't checked, but hope this helps.

(See, I can navigate page with Opera if HTML <> 100% :-)

user659

2009-10-17 03:46

  ~09815

I reduced the size of images in "Star Rating System", "Star Rating System Using List (Radio) Question", "Partially Randomized Answers - List...", and "Partially Randomized Answers - Multiple Options ..." and outdented images in the latter and "How to use Script (eg. JavaScript etc.)". This reduced page width so there's no horizontal scrollbar in Opera or FireFox 2. IE6 still thinks something is a few pixels too wide - haven't found cause. Please check with other browsers.

Maximum image width (if no indent) is ± 700 pixels for display on 1024x768 screen without scrollbars.

Mazi

Mazi

2009-10-18 14:46

updater   ~09818

According to ITEd's feedback I did some more changes to the workarounds and added short notes (in capital letters) to the list above.

Mazi

Mazi

2009-10-20 15:32

updater   ~09825

Hi Thibault,
can you please take a look at the list above and share your view on what you think can be deleted and what should be kept.
Afterwards assign it to Jason/El-Matador so they also take a look and I can clean up everything after your feedback.
Thanks!

user659

2009-10-20 16:33

  ~09826

Just some brief comments on the display problems in the hope that the boffins can spot what's breaking Opera:

Firefox 2 handles everything OK. Firefox 3 makes the page far too wide with a big horizontal scrollbar. It is reading the width of the preformatted code sections as part of the page width, even though the overflow is set to auto and gives scrollbars on every code section that is wider than the box size. I would think it's a FF bug, but I don't have the very latest. Mazi, if one reformats all the codes to fit into the boxes, then FF3 doesn't have a scrollbar at the bottom. But it's almost impossible to do without wrecking the code sections.

When Opera 9.63 or 10 load the page, one cannot navigate at all. Sometimes the vertical scrollbar is visible but without a button, sometimes it's not there at all. Neither keyboard nor mouse work.

My correspondent was right that the 100% height on the HTML element in strasa.css isn't very logical, and setting it on the body does fix the problem, but it's not a good solution because it means customising the theme and it's not the real cause anyway - otherwise other long pages would also break.

In lite.css the body is set to "display: table;". Block, inline, or inherit all also solve the problem. It may have something to do with it and with the Firefox issue, because it's meant to push the right side out if there's non-wrapping content. But again it means customisation and it's not the sole cause either.

And Carsten was right that the code is playing some kind of part. I removed all the code content from a copy, and it is fine then. But which particular code, if any, is not at all clear. I replaced code from the top of the page and got as far as "Variable Length Array (Multi Flexible Text) question" before it broke again. Thereafter any later code section would cause the problem to come back. Starting from the bottom, I got to "Multiple Question Validation" before it broke, then continued returning code from the top to "Embedding audio in questions" - and then anything between them broke the page. There's something very odd going on: It seems as though an accumulation of code is doing something. Plain HTML on the page at a particular point also broke the page.

I can't see the logic and haven't been able to spot the problem. It's probably some horrible cumulative CSS cascade or something that's doing something which FF and Opera see as perfectly valid. Oh, I validated HTML and CSS with W3C - but it made no difference. It's not one of the application's javascripts, but I've no idea what weird effect the workaround codes might be having.

lemeur

lemeur

2009-10-20 23:12

developer   ~09834

1- to be removed, now handled by CSS class

6- to be removed since it is now in 1.85

12- not obsolete, but rather uninterresting since the GUI anbles the admin to use a given limit

13- now 0 values are supported in assessment values in 1.85

15- yes, but it shows how to use it in order to be able to modify answers at any time before final submission

19- ??? Should be deleted IMHO

21- no idea, I guess this is to be sure the HTTP refferer is recorded in LS DB. But description of the issue is not crisal clear.

Mazi

Mazi

2009-10-21 11:57

updater   ~09844

Clearing workarounds is done. Only remaining problem is the width in FF3 where you have to scroll. In IE7 there is also some space on the right side but you don't have to scroll to see al the text (at least at my resolution).

Any ideas how to solve this?

Mazi

Mazi

2009-10-27 14:15

updater   ~09869

ITEd, do you think we can close this one?

Can you keep an eye on the workarounds page in the future? People often try to break it :-)

user659

2009-10-29 15:03

  ~09915

Mazi, the problem with Opera remains as before - one cannot navigate the page. (Has anyone else found different with Opera?) I haven't had time to work further yet on finding the exact cause. As an interim workaround, I can only suggest a note at the top advising Opera users to use the 'fit to width' button.

Mazi

Mazi

2009-10-29 21:07

updater   ~09918

I'll assign this layout problem to Carsten so he can check if there is any solution for this or if this ticket will just be closed.

c_schmitz

c_schmitz

2009-11-02 01:04

administrator   ~09943

Martin, thank you for the very useful hints.
I fixed up strasa.css for now by removing the 100% height on the body and setting a 100% width instead.
It looks fine now in Opera and FF.

Thank you again!

Issue History

Date Modified Username Field Change
2009-10-12 15:01 user659 New Issue
2009-10-12 15:01 user659 Status new => assigned
2009-10-12 15:01 user659 Assigned To => user372
2009-10-12 15:01 user659 LimeSurvey build number => 7697
2009-10-12 15:01 user659 Browser => Opera 9.63, 10.00
2009-10-12 15:01 user659 Database & DB-Version => N/A
2009-10-12 15:01 user659 Operating System (Server) => N/A
2009-10-12 15:01 user659 Webserver => N/A
2009-10-12 15:01 user659 PHP Version => N/A
2009-10-12 15:06 user372 Assigned To user372 => c_schmitz
2009-10-12 16:34 user659 Note Added: 09786
2009-10-12 17:58 user659 Note Edited: 09786
2009-10-13 20:10 c_schmitz Assigned To c_schmitz => Mazi
2009-10-13 20:11 c_schmitz Note Added: 09789
2009-10-15 02:23 Mazi Note Added: 09795
2009-10-16 01:53 Mazi Note Added: 09806
2009-10-16 02:11 Mazi Note Edited: 09806
2009-10-16 02:43 Mazi Note Added: 09807
2009-10-16 02:45 Mazi Status assigned => feedback
2009-10-16 03:25 Mazi Note Edited: 09806
2009-10-17 00:38 user659 Note Added: 09813
2009-10-17 00:39 user659 Note Edited: 09813
2009-10-17 01:25 user659 Note Added: 09814
2009-10-17 01:48 user659 Note Edited: 09813
2009-10-17 03:46 user659 Note Added: 09815
2009-10-18 14:42 Mazi Note Edited: 09806
2009-10-18 14:46 Mazi Note Added: 09818
2009-10-18 14:48 Mazi Note Edited: 09806
2009-10-18 14:50 Mazi Note Edited: 09806
2009-10-20 15:31 Mazi Status feedback => assigned
2009-10-20 15:31 Mazi Assigned To Mazi => lemeur
2009-10-20 15:32 Mazi Note Added: 09825
2009-10-20 16:33 user659 Note Added: 09826
2009-10-20 23:12 lemeur Note Added: 09834
2009-10-20 23:13 lemeur Assigned To lemeur => Mazi
2009-10-21 11:56 Mazi Note Edited: 09806
2009-10-21 11:57 Mazi Note Added: 09844
2009-10-21 11:58 Mazi Status assigned => feedback
2009-10-27 14:15 Mazi Note Added: 09869
2009-10-29 15:03 user659 Note Added: 09915
2009-10-29 21:07 Mazi Note Added: 09918
2009-10-29 21:07 Mazi Status feedback => assigned
2009-10-29 21:07 Mazi Assigned To Mazi => c_schmitz
2009-11-02 01:04 c_schmitz Note Added: 09943
2009-11-02 01:04 c_schmitz Status assigned => closed
2009-11-02 01:04 c_schmitz Resolution open => fixed