rendering issue for dropdown button in grid.

[Goutham]

Hi,
Some times,when i do some operations like add step or deleting /updating step in following grid ,we will refresh the data.(dataSource of grid.)
But drop down button not rendering properly.it is not all the times but 1 out of 10 times.
Please look into this issue as priority.Thanks in advance
I am attaching stackblitz code here
https://stackblitz.com/edit/angular-5mehe1?file=app.component.ts
Here you can click refresh button.But you can only observe some glitches in css for drop down button like flash.

[Janakiraman Sakthivel]

Hi Goutham, 

 

We are unable to replicate your reported issue on our end. Therefore, before we proceed further, please share the video demonstration of this issue. Based on that, we will check and provide you with a better solution quickly. 

 

Regards, 

Janakiraman S. 

[Goutham]

Hi,

you can observe lately rendered drop down button,i.e. you can observe some css glitches when button  about to render to screen.
This is reproduced in stack blitz,as you click on refresh button.you can observe this scenario.

why this is happening.could you please provide some solution

[Janakiraman Sakthivel]

  

Hi Goutham, 

 

We can resolve your reported query by using the CSS style as shown in the code below. 

 

[app.component.css]:  

.e-custom-grid .e-templatecell button:not(.e-dropdown-btn) { 

  display: none; 

} 

  

For your convenience, we have modified your sample based on your requirement. Please find the link below. 

 

Sample Link: https://stackblitz.com/edit/angular-5mehe1-abksak?file=app.component.css 

 

Could you please check the above link and get back to us, if you need any further assistance on this.  

 

Regards, 

Janakiraman S. 

[Goutham]

Hi,
Thanks ,it is working for drop downs.
But even styles for all other components is same issue.
I mean their is delay in rendering styles.so giving some glitches to screen.Ofcourse finally it is settled with their respective styles.


Thank you.

[Janakiraman Sakthivel]

  

Hi Goutham,  

  

We can resolve your reported query for all components by using the CSS style as shown in the code below.  

  

[app.component.css]:   

.e-custom-grid .e-templatecell button:not(.e-control) { 

  display: none; 

} 

   

For your convenience, we have modified your sample based on your requirement. Please find the link below.  

  

Sample Link: https://stackblitz.com/edit/angular-5mehe1-21hqgj?file=app.component.css 

  

Could you please check the above link and get back to us, if you need any further assistance on this.   

  

Regards,  

Janakiraman S.