This PR addresses a bug caused by the addition of the blur function in the CSS styling of the DialDetail component. Turns out that using a filter function on an element captures any child elements within it when they attempt to use absolute positioning. This caused the PopUpModal to shift down and to the right to align with the list item with the dial details.
The solution for now is to just comment out the filter and use the previous styling. If blur if brought back then the PopUpModal components used for dial operations will need to be refactored so they are not present within the list items.
Summary
This PR addresses a bug caused by the addition of the
blurfunction in the CSS styling of theDialDetailcomponent. Turns out that using a filter function on an element captures any child elements within it when they attempt to use absolute positioning. This caused thePopUpModalto shift down and to the right to align with the list item with the dial details.The solution for now is to just comment out the filter and use the previous styling. If blur if brought back then the
PopUpModalcomponents used for dial operations will need to be refactored so they are not present within the list items.