Compare commits
2 Commits
add-suppor
...
main
Author | SHA1 | Date | |
---|---|---|---|
![]() |
98f50811f9 | ||
![]() |
ee03415894 |
@ -15,7 +15,13 @@
|
|||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
{% for package, version in dev_dependencies.items() %}
|
{% for package, version in dev_dependencies.items() %}
|
||||||
"{{ package }}": "{{ version }}"{% if not loop.last %},{% endif %}
|
"{{ package }}": "{{ version }}"{% if not loop.last %},{% endif %}
|
||||||
|
|
||||||
|
{% endfor %}
|
||||||
|
},
|
||||||
|
"overrides": {
|
||||||
|
{% for package, version in overrides.items() %}
|
||||||
|
"{{ package }}": "{{ version }}"{% if not loop.last %},{% endif %}
|
||||||
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -11,7 +11,9 @@ from reflex.vars.base import Var, get_unique_variable_name
|
|||||||
class AutoScroll(Div):
|
class AutoScroll(Div):
|
||||||
"""A div that automatically scrolls to the bottom when new content is added."""
|
"""A div that automatically scrolls to the bottom when new content is added."""
|
||||||
|
|
||||||
_memoization_mode = MemoizationMode(disposition=MemoizationDisposition.ALWAYS)
|
_memoization_mode = MemoizationMode(
|
||||||
|
disposition=MemoizationDisposition.ALWAYS, recursive=False
|
||||||
|
)
|
||||||
|
|
||||||
@classmethod
|
@classmethod
|
||||||
def create(cls, *children, **props):
|
def create(cls, *children, **props):
|
||||||
@ -44,7 +46,6 @@ class AutoScroll(Div):
|
|||||||
"""
|
"""
|
||||||
ref_name = self.get_ref()
|
ref_name = self.get_ref()
|
||||||
return [
|
return [
|
||||||
"const containerRef = useRef(null);",
|
|
||||||
"const wasNearBottom = useRef(false);",
|
"const wasNearBottom = useRef(false);",
|
||||||
"const hadScrollbar = useRef(false);",
|
"const hadScrollbar = useRef(false);",
|
||||||
f"""
|
f"""
|
||||||
@ -85,6 +86,8 @@ useEffect(() => {{
|
|||||||
const container = {ref_name}.current;
|
const container = {ref_name}.current;
|
||||||
if (!container) return;
|
if (!container) return;
|
||||||
|
|
||||||
|
scrollToBottomIfNeeded();
|
||||||
|
|
||||||
// Create ResizeObserver to detect height changes
|
// Create ResizeObserver to detect height changes
|
||||||
const resizeObserver = new ResizeObserver(() => {{
|
const resizeObserver = new ResizeObserver(() => {{
|
||||||
scrollToBottomIfNeeded();
|
scrollToBottomIfNeeded();
|
||||||
|
@ -195,3 +195,7 @@ class PackageJson(SimpleNamespace):
|
|||||||
"postcss": "8.5.1",
|
"postcss": "8.5.1",
|
||||||
"postcss-import": "16.1.0",
|
"postcss-import": "16.1.0",
|
||||||
}
|
}
|
||||||
|
OVERRIDES = {
|
||||||
|
# This should always match the `react` version in DEPENDENCIES for recharts compatibility.
|
||||||
|
"react-is": "19.0.0"
|
||||||
|
}
|
||||||
|
@ -846,6 +846,7 @@ def _compile_package_json():
|
|||||||
},
|
},
|
||||||
dependencies=constants.PackageJson.DEPENDENCIES,
|
dependencies=constants.PackageJson.DEPENDENCIES,
|
||||||
dev_dependencies=constants.PackageJson.DEV_DEPENDENCIES,
|
dev_dependencies=constants.PackageJson.DEV_DEPENDENCIES,
|
||||||
|
overrides=constants.PackageJson.OVERRIDES,
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user