The Big Spring Sale! Up to 50% off!

Js bug

g.kuraszkiewicz
9 Posts
g.kuraszkiewicz posted this 04 October 2019
Report a bug

I think I found a bug. Bug with js animation on mobile phone. Image has animation called "Slide", direction "down". When displayed on desktop, laptop or tablet, everything seems to bo ok. But when You scale browser window of Chrome to mobile resolution, animation is upside down. You can see that here www.test.machina-advertising.pl

I think I found a bug. Bug with js animation on mobile phone. Image has animation called "Slide", direction "down". When displayed on desktop, laptop or tablet, everything seems to bo ok. But when You scale browser window of Chrome to mobile resolution, animation is upside down. You can see that here www.test.machina-advertising.pl
Vote to pay developers attention to this features or issue.
11 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 07 October 2019

Hi,

This is behavior by default. Our developers changed the direction of the Slide animation in phone mode to improve usability and so you can see the animation while page scrolls.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, This is behavior by default. Our developers changed the direction of the Slide animation in phone mode to improve usability and so you can see the animation while page scrolls. Please let us know if you have any further questions. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
g.kuraszkiewicz
9 Posts
g.kuraszkiewicz posted this 08 October 2019

No, there is a bug. I found that object with animation slide from down and up in mobile mode is the same and the object slide only from down but not from up direction. In html file object is written as animated "slideinup" but slides from down direction.

<img src="images/favicon.png" alt="" class="bib u-image u-image-contain u-image-default znaczek u-image-1 animated slideInUp" data-image-width="307" data-image-height="305" data-animation-name="slideIn" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="Up" style="will-change: transform; animation-duration: 1000ms;">

You can see that on page http://www.test.machina-advertising.pl/

No, there is a bug. I found that object with animation slide from down and up in mobile mode is the same and the object slide only from down but not from up direction. In html file object is written as animated "slideinup" but slides from down direction. <img src="images/favicon.png" alt="" class="bib u-image u-image-contain u-image-default znaczek u-image-1 animated slideInUp" data-image-width="307" data-image-height="305" data-animation-name="slideIn" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="Up" style="will-change: transform; animation-duration: 1000ms;"> You can see that on page [http://www.test.machina-advertising.pl/][1] [1]: http://www.test.machina-advertising.pl/

Last edited 08 October 2019 by g.kuraszkiewicz

Support Team
Support Team posted this 11 October 2019

Hi Grzegorz,

This is behavior by default. The direction is changed deep in the code, not in the element's html.
Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Grzegorz, This is behavior by default. The direction is changed deep in the code, not in the element's html. Please let us know if you have any further questions. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
g.kuraszkiewicz
9 Posts
g.kuraszkiewicz posted this 16 October 2019

Olivia, can't you see that element slides right animation as directed, slides left animation as directed, slides up animation as directed and ... slides up animation directed as down animation. There is a huge bug. Can I talk to man from support team - I can't talk to You because you can't understand the problem.

test site

There is another huge bug. When you set custom color to the cell or block there is empty element after export to html site. On the second block there should be #ffbf00 colour and the cell with green "SLIDE RIGHT" should be #9de8fd colour.

I found the prove.

When you set up fade in animation there is everything OK and the elements goes in proper directions. Only when You set up slide animation there is a bug and the element which should slide up animation runs down animation. You can see it at third block on www.test.machina-advertising.pl

Olivia, can't you see that element slides right animation as directed, slides left animation as directed, slides up animation as directed and ... slides up animation directed as down animation. There is a huge bug. Can I talk to man from support team - I can't talk to You because you can't understand the problem. [test site][1] [1]: http://www.test.machina-advertising.pl There is another huge bug. When you set custom color to the cell or block there is empty element after export to html site. On the second block there should be #ffbf00 colour and the cell with green "SLIDE RIGHT" should be #9de8fd colour. I found the prove. When you set up fade in animation there is everything OK and the elements goes in proper directions. Only when You set up slide animation there is a bug and the element which should slide up animation runs down animation. You can see it at third block on www.test.machina-advertising.pl

Last edited 16 October 2019 by g.kuraszkiewicz

Support Team
Support Team posted this 17 October 2019

Hi Grzegorz,

can't you see that element slides right animation as directed, slides left animation as directed, slides up animation as directed and ... slides up animation directed as down animation.

The direction of exactly this animation (Slide Down) is different in phonу mode only. The phone screen is smaller. So, when you scroll the page in some cases, you are not able to see the animated element with this animation. There are no such problems with other left/right and up animations. To see the animated element with Down animation we changed its direction in Phone mode. The same is related to the SlideOutUp animation on Slider. I understand that it looks strange to you. But this improvement is useful.

In general, you can override this improvement with the following css if needed:

.u-responsive-xs .slideInDown,
.u-responsive-sm .slideInDown {
  animation-name: slideInDown;
}
.u-responsive-xs .slideOutUp,
.u-responsive-sm .slideOutUp {
  animation-name: slideOutUp ;
}

There is another huge bug. When you set custom color to the cell or block there is empty element after export to html site. On the second block there should be #ffbf00 colour and the cell with green "SLIDE RIGHT" should be #9de8fd colour.

Could you please provide a few screenshots that demonstrate the issue?
I've tested your project and specified #ffbf00 as a Block background. The green "SLIDE RIGHT" cell background is #9de8fd.

block2.png

The same result after the exporting.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Grzegorz, > can't you see that element slides right animation as directed, slides left animation as directed, slides up animation as directed and ... slides up animation directed as down animation. The direction of exactly this animation (Slide Down) is different in phonу mode only. The phone screen is smaller. So, when you scroll the page in some cases, you are not able to see the animated element with this animation. There are no such problems with other left/right and up animations. To see the animated element with Down animation we changed its direction in Phone mode. The same is related to the SlideOutUp animation on Slider. I understand that it looks strange to you. But this improvement is useful. In general, you can override this improvement with the following css if needed: .u-responsive-xs .slideInDown, .u-responsive-sm .slideInDown { animation-name: slideInDown; } .u-responsive-xs .slideOutUp, .u-responsive-sm .slideOutUp { animation-name: slideOutUp ; } > There is another huge bug. When you set custom color to the cell or block there is empty element after export to html site. On the second block there should be #ffbf00 colour and the cell with green "SLIDE RIGHT" should be #9de8fd colour. Could you please provide a few screenshots that demonstrate the issue? I've tested your project and specified #ffbf00 as a Block background. The green "SLIDE RIGHT" cell background is #9de8fd. !block2.png! The same result after the exporting. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
g.kuraszkiewicz
9 Posts
g.kuraszkiewicz posted this 17 October 2019

Hi Olivia,
I think You are trying to make an idiot from me. You say that the direction of exactly this animation (Slide Down) is different in phonу mode only. The phone screen is smaller. So, when you scroll the page in some cases, you are not able to see the animated element with this animation. So tell me why animation (Fade Down) runs OK on phony mode despite the screen is smaller exactly as in Slide Down animation!?

Test site

I am trying Nicepage app and I find it very usefull but full of bugs. One after one I will send You bugs I found but I beg You - don't try to make an idiot from me. I don't like it very much ;-)

I found for example that case - site with three pages after deleting two of them still saves three pages in project.zip file. Even when I close the application and launch it again.

I am using Windows 10 PRO with Intel i7 processor and 32 GB RAM.

Hi Olivia, I think You are trying to make an idiot from me. You say that the direction of exactly this animation (Slide Down) is different in phonу mode only. The phone screen is smaller. So, when you scroll the page in some cases, you are not able to see the animated element with this animation. So tell me why animation (Fade Down) runs OK on phony mode despite the screen is smaller exactly as in Slide Down animation!? [Test site][1] I am trying Nicepage app and I find it very usefull but full of bugs. One after one I will send You bugs I found but I beg You - don't try to make an idiot from me. I don't like it very much ;-) I found for example that case - site with three pages after deleting two of them still saves three pages in project.zip file. Even when I close the application and launch it again. I am using Windows 10 PRO with Intel i7 processor and 32 GB RAM. [1]: http://test.machina-advertising.pl
Support Team
Support Team posted this 05 November 2019

Grzegorz,
There are 2 service pages that cannot be deleted.
Blog-Template.html
Post-Template.html
They are used for WordPress/Joomla

screenshot.jpg

...................................................
Sincerely,

Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Grzegorz, There are 2 service pages that cannot be deleted. Blog-Template.html Post-Template.html They are used for WordPress/Joomla !screenshot.jpg! ................................................... Sincerely, Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
g.kuraszkiewicz
9 Posts
g.kuraszkiewicz posted this 13 November 2019

What about first part of my question? You didn't answer it at all.

What about first part of my question? You didn't answer it at all.
Support Team
Support Team posted this 15 November 2019

Hi Grzegorz,

We already answered this question. Fade Down is a different animation, and it does not cause such problems on the phone screens. In the case of Slide Down animation, the element should appear at some point at the top and then slide down. At the starting point of the movement, it will cover other elements. If the site visitor scrolls the page at this moment, he will not see the covered element because the element with slide animation will move together with the page. This is not a really good situation. Fade does not cause such problems because it is FADE. The element is not visible at the start point of movement.

If you do not like the default behavior, please use the workaround we provided previously. It changes this behavior.
Let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Grzegorz, We already answered this question. Fade Down is a different animation, and it does not cause such problems on the phone screens. In the case of Slide Down animation, the element should appear at some point at the top and then slide down. At the starting point of the movement, it will cover other elements. If the site visitor scrolls the page at this moment, he will not see the covered element because the element with slide animation will move together with the page. This is not a really good situation. Fade does not cause such problems because it is FADE. The element is not visible at the start point of movement. If you do not like the default behavior, please use the workaround we provided previously. It changes this behavior. Let us know if you have any further questions. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
g.kuraszkiewicz
9 Posts
g.kuraszkiewicz posted this 16 November 2019

Olivia, you don't know what the logic is ;-) I understand that this is small problem that you don't want to fix and it's ok. But don't tell me that this situation has sense ;-) Slide down animation starts when object appears on screen so it can't cover any important element because it starts moving when appears on screen. With first pixel ;-) You can see it on test page but you don't want to understand it ;-) But it's ok - i will use fade down instead if slide down is unfixable for you ;-)

Olivia, you don't know what the logic is ;-) I understand that this is small problem that you don't want to fix and it's ok. But don't tell me that this situation has sense ;-) Slide down animation starts when object appears on screen so it can't cover any important element because it starts moving when appears on screen. With first pixel ;-) You can see it on test page but you don't want to understand it ;-) But it's ok - i will use fade down instead if slide down is unfixable for you ;-)
Support Team
Support Team posted this 18 November 2019

Hi Grzegorz,

It’s not that I don’t want to fix something or it was added by my logic. I'm not developer :-) This behavior is changed by our developers after a lot of tests. So it makes sense in some designs/devices/browsers. Somewhere above we provided you with a workaround that can be used to change the "responsive" behavior to the "desktop" behavior if needed. You can use it in any project.

Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Grzegorz, It’s not that I don’t want to fix something or it was added by my logic. I'm not developer :-) This behavior is changed by our developers after a lot of tests. So it makes sense in some designs/devices/browsers. Somewhere above we provided you with a workaround that can be used to change the "responsive" behavior to the "desktop" behavior if needed. You can use it in any project. Please let us know if you have any further questions. ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments