Canvas Support

Canvas 6.1.3 - CookieConsent Modal Problems

11 replies · opened Nov 29, 2020

SstookyNov 29, 2020

hello semicolon team

I do have a problem with the modal for cookie consent extension in my TYPO3 WCMS.
this has to be related to Canvas version 6 as it worked with the same extension in TYPO3 using Canvas version 5.

Once a gain I made a very small screenrecording to show and explain the 2 issues I have.

please finde the video here:
https://www.dropbox.com/s/vijtna35ysnfi82/ModalIssueCookieconsent.mov?dl=0

would be very glad and grateful if you could have a look at it.

thx, rgds, and once more ... stay healthy please !!!
GUIDO

SSemicolon WebSTAFFNov 29, 2020

Hello,

We have tried checking out the codes for the Cookie Modal, but it does not load for us, so we weren't able to check the issue with redirection on clicking the Collapse. Can you please provide us with an Example Page with the Modal so that we can check this issue and provide you with a fix? Thanks for your Patience.

However, to fix the Modal closing on clicking the Background, simply add the data-backdrop="static" Attribute to the .modal DIV.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SstookyNov 29, 2020

omg ... I am so sorry
causing efforts on your site for nothing - deeply sorry

it was 3am here in germany when I started the thread
after I posted I continued to work on the site and switched the cookie consent off, as it was annoying when checking frontend
and when I went to bed around 5am I simply forgot to re-enable it for you guys to check it

mea maxima culpa :-(

I have enabled the cookieconsent and restricted it to show-up only on the follwing page:
http://gjd.web.my1.cc/development/semicolon

this way you can take your time to check it, anf I can continue on wörking on backend and frontend

sorry once again
rgds
guido

SstookyNov 29, 2020

regarding data-backdrop="static"

as you can see in the code
have added this on
- div#cookieman-modal
and to the first child as well
- div.modal-dialog

unfortunately it does not work
modal still closes when click on the background

rgds

SSemicolon WebSTAFFNov 29, 2020

Hello,

Please don't say sorry. This is not a Problem at all! We absolutely understand. :)

  1. Regarding the Modal's data-backdrop="static" Setting. There appears to be some conflict with the Cookie Plugin, as this works fine in the Default v6.1.3 Files. Consider using the Javascript Settings instead at the bottom of the Page after the js/functions.js JS File Linking:
    [ch_pre type="js"]$('#myModal').modal({
    backdrop: static
    });[/ch_pre]

  2. For the Collapse click issue, please consider using the default Collapse Codes from Bootstrap: https://getbootstrap.com/docs/4.5/components/collapse/ . For example, your codes should like this:
    [ch_pre]
    Erforderlich     [/ch_pre]

because maybe leaving the href blank is causing this?

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SstookyNov 29, 2020

hello semicolon team

I started with the backdrop and placed in the footer at the very end of the code from original Canvas like so


		jQuery(document).ready( function(){

			if( !jQuery('body').hasClass('device-touch') ) {

				var lFollowX = 0,
					lFollowY = 0,
					x = 0,
					y = 0,
					friction = 1 / 30;

				function moveBackground() {
					x += (lFollowX - x) * friction;
					y += (lFollowY - y) * friction;

					translate = 'translate(' + x + 'px, ' + y + 'px) scale(1.1)';

					jQuery('.move-bg').css({
						'-webit-transform': translate,
						'-moz-transform': translate,
						'transform': translate
					});

					window.requestAnimationFrame(moveBackground);
				}

				jQuery(window).on('mousemove click', function(e) {

					var lMouseX = Math.max(-100, Math.min(100, jQuery(window).width() / 2 - e.clientX));
					var lMouseY = Math.max(-100, Math.min(100, jQuery(window).height() / 2 - e.clientY));
					lFollowX = (10 * lMouseX) / 100; // 100 : 12 = lMouxeX : lFollow
					lFollowY = (10 * lMouseY) / 100;

				});

				moveBackground();

				jQuery(".book-wrap").hover3d({
					selector: ".book-card",
					shine: false,
				});

			}

		});
		
		jQuery("#cookieman-modal").modal({
			backdrop: static
		});

tried different variations, but clicking on the backdrop still closes the modal. :-(

regarding the collaps that seems to work!

rgds and thx for your help
guido

SstookyNov 30, 2020

:check:

found it in the cookieman-theme.min.js

cookieman.theme = function() {
"use strict";
jQuery(function() {
jQuery('[aria-controls="cookieman-settings"]').on("click", function() {
jQuery("[data-cookieman-save]").show()
})
}), cookieman.show = function() {
jQuery(function() {
jQuery("#cookieman-modal").modal({
show: !0,
backdrop: 'static'
})
})
}, cookieman.hide = function() {
jQuery(function() {
jQuery("#cookieman-modal").modal("hide")
})
}
}();

placing the static there seems to work

rgds
guido

SstookyNov 30, 2020

could you please leave this topic open
I am still playing around with it and there maybe more issues related as I do have other modals from your Canvas running as well

would like to test them all to make sure nothing interfers, and assure you, that I will post here when the thread is solved

thx and rgds
guido

SSemicolon WebSTAFFNov 30, 2020

Hello,

Thanks for your Patience and Apologies for the Late Reply!

We have been testing this and found out that since the Cookie Plugin is merged with the Modal DIV, it does interfere with the Default JS Functionality of the Modal and does not work in the same way as the Default Modal Component does.

Glad the other issues were resolved. And Absolutely! We will leave the Topic open and please do let us know if you are facing any further issues, and we will be very happy to assist you.

Meanwhile, we have gone through the Header issues you were facing and are preparing a reply for you which you should be receiving shortly. Thanks for your patience with this issue.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

SstookyNov 30, 2020

I cannot stop to

a)
thank you guys for the really awesome support !!!

and

b)
don't worry about reply times with me ... no need for apologies at all !!!

your support time is perfect and my patience is nearly endless, i effect it is a question of age and I have passed the 50 ;-)
plus it is a question of organising once self, wich becomes easier the older one becomes ;-)
the experience with your support is absolutely perfect
not a single issue I had that wasn't solved, your solution-providing-rate is 100% by now with me !!!

if there ever will be the situation that I need a really quick reply I will mention it.

rgds and stay healthy
guido

SSemicolon WebSTAFFNov 30, 2020

Thank You so so much for the Kind Words! :) It is very encouraging for us and we really appreciate them!

Wish you Good Health! :)

SstookyDec 1, 2020

tested tan all perfect
thx a lot, thread can be closed.

rgds
guido

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard