RecipeFilter
RecipeFilter copied to clipboard
sean-public
_rf_header not displaying at the top of the cloned element
When the browser window is wider than a certain point, the _rf_header element shows up incorrectly. It is aligned on the left instead of the top. This seems to happen when the text "Recipe Filter" is displayed on 2 lines.
However, when the window is narrower, it shows up correctly.
Link to the site in the example: https://tasty.co/recipe/the-best-chewy-chocolate-chip-cookies This may be site-specific because it looks like the cloned element has a forced flex display but I wasn't able to isolate whether this was the problem.
the cloned element has a forced flex display
That looks like exactly the issue! A display reset on the CSS for the modal would correct it, I think.
This site has changed in the last couple of years. It looks like a good candidate to choose disable on this site because the recipes are now near the top and laid out in a wide format that won't clone well into a modal.