feat(content, reorder-group, header, footer, infinite-scroll, refresher): add custom scroll target to improve compatibility with virtual scroll (#24883)

Resolves #23437

core/src/utils/logging/index.ts

@@ -17,4 +17,16 @@ export const printIonWarning = (message: string) => {
  */
 export const printIonError = (message: string, ...params: any) => {
   return console.error(`[Ionic Error]: ${message}`, ...params);
-}
+}
+/**
+ * Prints an error informing developers that an implementation requires an element to be used
+ * within a specific select.ro
+ *
+ * @param el The web component element this is requiring the element.
+ * @param targetSelectors The selector or selectors that were not found.
+ */
+export const printRequiredElementError = (el: HTMLElement, ...targetSelectors: string[]) => {
+  return console.error(
+    `<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`
+  );
+}