Have you heard of any weird visual issues when using the Vaadin 7 Exporter

Directory Exporter
1

Have you heard of any weird visual issues when using the Vaadin 7 Exporter under MPR + Vaadin 7? In my case, it changes visually. Please see screen shots below. The pure vaadin 7 version was used to build the MPR + Vaadin 7 version with the minimal amount of changes to get it to work. I can give more details if you need them.


Figure 1: Pure Vaadin 7 before clicking XLS button


Figure 2: Pure Vaadin 7 after clicking XLS button. Note that no scrollbar on bottom, XLS button not covered by right scrollbar ( no right scrollbar ).


Figure 3: MPR + Vaadin 7 before clicking XLS button


Figure 4: MPR + Vaadin 7 after clicking XLS button. Note scrollbar on bottom, XLS button partially covered by right scrollbar.

2

Hi Anthony,

Thanks for the detailed report, I’m currently on vacation and don’t have the work laptop with me. Will check it out once I get back to work in August.

3

Thanks, sounds good. While it is fresh in my mind, and if it helps, Edge does the same thing. My app has a totally different IE and Firefox problems, so I cannot tell if it happens there or not.

4

Any ideas or feedback? Or do you need more information?

5

Hi Anthony, sorry, finally I got some time to take a look of this issue. Which Vaadin 10+ version are you using? Could you check if your <body> element has margin:0 or not?

6

I think I was using 13 above, but now I am using 14 ( rc7 to be precise ). As for the body element, according to “inspect element” in chrome, it does have a margin of 0. This is not part of the body tag, but looks to be part of the CSS someplace.

7

Hi Anthony

Thanks for the info. I think this is more like a general styling issue. Looks like after downloading the xls file, the viewport hight became smaller. But the v7 UI is still trying to take the full browser window height, that’s probably why there is an extra vertical scroll bar, and then the horizontal scroll bar because of the vertical scroll bar.

Anyway, since you are using MPR, I would assume you have a Prime subscription? Would you like to create a support ticket? This kind of problem might be solved more quickly via a quick screen sharing session.

8

Sorry for not getting back to you, been busy with other issues. I did find a similar issue with FileDownloader, and I just posted it to the forums at https://vaadin.com/forum/thread/17878964. I am wondering if maybe fixing that FileDownloader issue will also fix this issue I am having with your add-on as well. I expect both are facing a style issue, like you mentioned above.

9

Could this be related to https://github.com/vaadin/multiplatform-runtime/issues/57? Just sounds so similar, and I believe the add-on uses FileDownloader under the hood.

BTW, I did fix some weird sizing issues in my code by changing certain pieces to be 99.9% instead of 100% width. That fixed those issues ( with screen resolution ), but did not fix this issue at all.