User tests: Successful: Unsuccessful:
Whenever a bootstrap modal is rendered, if you place the cursor outside of the modal you can scroll the page beneath that modal. Which is kinda awkward since the focus is supposed to be on the modal. This PR prevents that behavior by adding a class modal-open
to the body of the document and removing it when modal closes. This hack is specific to BS 2.3.x, previous and later versions have this as a default behavior. So if you are on BS 3.x edit /layouts/joomla/modal/main.php
and remove the respective javascript lines.
Apply patch
Create a new menu e.g. Single Article
Place the cursor outside of the modal and try to scroll. (observe that the page is not scrolling)
@test works perfect! Thanks!! With that modals the admin area looks so much better, so this is a great addition
@N6REJ Maybe my description is not very clear, let me try again:
Whenever a bootstrap modal is (rendered, active) shown if you place the cursor outside of the modal window (and within the rest of the background page) you are able to scroll the shadowed page! This is confusing (Facebook and twitter make the background static). Applying this PR will make scrolling of the shadowed page impossible.
thats just it, I shrink chrome to where it has a scrollbar and then open
the modal and only the modal scrolls not the background. As an after
thought I just checked and in ie it does but not chrome. And with patch
applied I was STILL able to scroll in ie
Bear
On 5/17/2015 08:23, Dimitris Grammatiko wrote:
@N6REJ https://github.com/N6REJ Maybe my description is not very
clear, let me try again:
Whenever a bootstrap modal is (rendered, active) shown if you place
the cursor outside of the modal window (and within the rest of the
background page) you are able to scroll the shadowed page! This is
confusing (Facebook and twitter make the background static). Applying
this PR will make scrolling of the shadowed page impossible.—
Reply to this email directly or view it on GitHub
#6964 (comment).No virus found in this message.
Checked by AVG - www.avg.com http://www.avg.com
Version: 2015.0.5941 / Virus Database: 4342/9799 - Release Date: 05/17/15
Labels |
Added:
?
|
The patch also didn't work for me the first time. Clearing my browser cache was the solution.
Category | ⇒ | Templates (admin) UI/UX |
Status | New | ⇒ | Pending |
@dgt41 I'm sorry but I still can't get the patch to function... please see this video http://screencast.com/t/zg0tlN5iC
demonstrating the behavior both before and after. IE is ver 11.0.9600
@N6REJ OK now I see why this didn’t work for you! You need the latest staging version of joomla to test this. Why? The modal I said to try, in menu, in your video are mootools modal but you need a bootstrap modal in order to test this. Try it with the multi language status (the one on the bottom bar) or create a user note and the try to go: administrator/index.php?option=com_users&view=users and click on the display note button. This only affects bootstrap modals!
Status | Pending | ⇒ | Ready to Commit |
RTC Thanks
Labels |
Added:
?
|
I'm sorry but I just can't replicate the problem / fix. It still does the exact same thing I showed in the video. I switched to the staging did latest fetch, installed patch-tester, did the pre-test ( same behavior, scrolls with mouseclick ) applied patch, same behavior... I think made user note, went to the url provided, and same exact behavior. cms shows 3.4.2.dev
@N6REJ Bear please look at the images I posted here in the comments. Do you get the same modals, with footer that got a close button? If not, for some awkward reason your joomla doesn’t have these PRs that are needed for this patch to work. 3.4.2.dev doesn’t necessarily mean that got the latest code. try the nightly ver: http://developer.joomla.org/cms-packages/
I will try to make a video to demonstrate what is the desired UX here
I'm pulling right from staging ... is that the wrong place?
Bear
On 5/19/2015 10:02, Dimitris Grammatiko wrote:
@N6REJ https://github.com/N6REJ Bear please look at the images I
posted here in the comments. Do you get the same modals, with footer
that got a close button? If not, for some awkward reason your joomla
doesn’t have these PRs that are needed for this patch to work.
3.4.2.dev doesn’t necessarily mean that got the latest code. try the
nightly ver: http://developer.joomla.org/cms-packages/
I will try to make a video to demonstrate what is the desired UX here—
Reply to this email directly or view it on GitHub
#6964 (comment).No virus found in this message.
Checked by AVG - www.avg.com http://www.avg.com
Version: 2015.0.5941 / Virus Database: 4347/9817 - Release Date: 05/19/15
If you are using git then the code should be current! The thing is that on the video you uploaded the modals were mootools. Also you mention a click (I suspect on the wheel) and this is not what this PR (or any other browser code) will cover. So only scroll the mouse wheel should be disabled! I am really sorry for all the confusion!
@n9iels @bertmert @N6REJ I am afraid my solution wasn’t covering all cases! Can you please test again but this time goto administrator/index.php?option=com_banners
and select some articles and then press the batch button! Same effect should be seen.
Before you try to test this make sure that #7000 is also applied!
Sorry for this but I just realize that it wasn’t working for all cases as I was playing with something else.
Before you try to test this make sure that #7000 is also applied!
@test Success with current Firefox, IE11, current Chrome.
Applied patch 6964 and 7000. Tested with com_users Display notes and com_banners Batch. Background doesn't scroll any more.
I don't know if this error with Hathor concerning PR7000 is anyhow important here:
#7000 (comment)
@bertmert About #7000: I shouldn’t delete the file default_batch.php
, instead I had to deprecate it, that’s the reason for the error in hathor. But also hathor override needs update! changes are coming up.
@n9iels All the batch modals are broken (for this PR) as they are totally hardcoded. So yes com_content, com_menus, com_newsfeed etc still have problems as there are more PRs needed to bring everything inline.
About select all and scrollbars, I don’t get that here:
hmm strange, I think some cache problem. never mind.
@test all good for this PR. Like to test the solution for the batch function when you're ready
Status | Ready to Commit | ⇒ | Closed |
Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2015-05-27 15:25:22 |
Closed_By | ⇒ | Kubik-Rubik |
Labels |
Removed:
?
|
@n9iels Can you check/test this?