Forums Ignite UI for ASP.NET Core
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Rohit Arora
35
WebDatePicker right side button width is double than normal width
posted

Hi,

I am using WebDatePicker with WebMonthCalendar. There is one random issue I am facing with WebDatePicker rendering, Sometimes right side drop down button take more width (double than the highlighted):

I am not able to reproduce this issue in my local dev environment. In production environment also this issue is very random. In production customer is using IE 11 browser. 

Any specific reason, why this is happening.

Thanks,

Rohit

  • 0
    Offline posted

    This issue with the WebDatePicker right-side drop-down button appearing double width in IE 11 is typically related to browser-specific rendering quirks, especially with older IE versions handling CSS, zoom levels, DPI scaling, or dynamic font loading inconsistently, which can cause the button sprite or styling to be calculated twice or stretched unexpectedly; since it’s random and not reproducible locally, it may also be triggered by cached styles, conditional CSS, or timing issues when the control initializes in production, so reviewing custom CSS overrides, ensuring consistent DOCTYPE, disabling IE compatibility mode, and applying the latest Infragistics patches is recommended, and as an example xxbrits users have reported similar UI glitches in IE 11 that disappear when tested in modern browsers like Edge or Chrome.

  • 0
    Offline posted

    The issue with the WebDatePicker where the right-side dropdown button occasionally appears double the normal width is likely caused by browser-specific rendering differences, especially in IE 11, combined with CSS or layout inconsistencies that only manifest under certain conditions in the production environment. Since it does not reproduce consistently in the local dev setup, factors like zoom level, font settings, or inherited styles from the parent page may be influencing the button size. To mitigate this, enforcing explicit width via CSS for the dropdown button or testing with IE 11-specific styles could help stabilize the rendering. For example, similar to how the TNREGINET EC View Online portal ensures consistent calendar and input element rendering across different browsers, applying precise styling and cross-browser checks can prevent such random UI anomalies.

  • 0
    Offline posted

    This issue with the WebDatePicker rendering, where the right-side dropdown button occasionally takes double width, can occur due to inconsistent CSS rendering or layout quirks specific to Internet Explorer 11, especially when combined with dynamic styles, zoom settings, or high DPI display scaling in the production environment. It’s often caused by IE’s unpredictable handling of inline-block or flex elements within complex layouts. To address it, ensure consistent CSS resets, avoid percentage-based widths on nested elements, and test with IE compatibility settings. For example, just like how the Starbucks menu Canada displays consistently across all browsers by standardizing layout rules for items like lattes, cappuccinos, and cold brews, applying strict styling and fixed dimensions to your dropdown element should help maintain uniform rendering.

  • 0
    Offline posted

    This behavior with WebDatePicker where the right-side dropdown button appears with double width is typically linked to rendering inconsistencies in IE 11, often caused by CSS conflicts, zoom levels, or conditional styles applied by the browser in production rather than dev environments; since it’s random, it may also occur due to delayed script execution or layout reflows, so checking for custom styles overriding the control, setting a fixed width on the button via CSS, and testing with IE-specific compatibility settings can help stabilize it, just like ensuring quality consistency in products such as fresh milk in Dubai where storage and handling conditions influence the outcome.

  • 0
    Offline posted

    Hi, this kind of rendering issue with WebDatePicker and WebMonthCalendar in IE11 is usually related to inconsistent CSS handling, browser zoom levels, or font rendering differences between environments, which can randomly cause the dropdown button to appear wider than expected; since you can’t reproduce it locally, I’d suggest checking for custom styles overriding default Infragistics styles, ensuring compatibility mode isn’t enabled in IE11, and testing with updated service packs, much like how menus behave differently across regions (for example, the A&W menu & prices Canada can vary by location even though the core items are the same), so environment-specific factors might be at play here.