Skip to content

Commit 2db9536

Browse files
committed
Address first round of comments
1 parent 2d620be commit 2db9536

2 files changed

Lines changed: 8 additions & 4 deletions

File tree

docs/element-nodes.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,9 @@ const styles = StyleSheet.create({
4949
export default ViewWithRefs;
5050
```
5151

52-
Note that some built-in components are only a container for other components (including native components). For example, `ScrollView` internally renders a native scroll view and a native view, which are accessible through the ref is provides using methods like `getNativeScrollRef()` and `getInnerViewRef()`.
52+
:::info
53+
Note that some built-in components are only a container for other components (including native components). For example, `ScrollView` internally renders a native scroll view and a native view, which are accessible through the ref it provides using methods like `getNativeScrollRef()` and `getInnerViewRef()`.
54+
:::
5355

5456
---
5557

@@ -67,9 +69,7 @@ From [`HTMLElement`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElemen
6769
- [`offsetWidth`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetWidth)
6870
- Methods
6971
- [`blur()`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/blur).
70-
- ℹ️ This method was also [available](/docs/next/legacy/direct-manipulation#blur) in the legacy architecture.
7172
- [`focus()`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus).
72-
- ℹ️ This method was also [available](/docs/next/legacy/direct-manipulation#focus) in the legacy architecture.
7373
- ⚠️ The `options` parameter is not supported.
7474

7575
From [`Element`](https://developer.mozilla.org/en-US/docs/Web/API/Element):

docs/nodes.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,4 +11,8 @@ React Native provides 3 types of nodes:
1111
- [Text](/docs/next/text-nodes): text nodes represent raw text content on the tree (similar to [`Text`](https://developer.mozilla.org/en-US/docs/Web/API/Text) nodes on Web). They are not directly accessible via `refs`, but can be accessed using methods like [`childNodes`](https://developer.mozilla.org/en-US/docs/Web/API/Node/childNodes) on element refs.
1212
- [Documents](/docs/next/document-nodes): document nodes represent a complete native view tree (similar to [`Document`](https://developer.mozilla.org/en-US/docs/Web/API/Document) nodes on Web). Like text nodes, they can only be accessed through other nodes, using properties like [`ownerDocument`](https://developer.mozilla.org/en-US/docs/Web/API/Node/ownerDocument).
1313

14-
As on Web, these nodes can be used to traverse the rendered UI tree, access layout information or execute imperative operations like `focus`. **Unlike on Web, they do not allow mutation** (e.g.: [`node.appendChild`](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild)), as the tree contents are fully managed by the React renderer.
14+
As on Web, these nodes can be used to traverse the rendered UI tree, access layout information or execute imperative operations like `focus`.
15+
16+
:::info
17+
**Unlike on Web, these nodes do not allow mutation** (e.g.: [`node.appendChild`](https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild)), as the tree contents are fully managed by the React renderer.
18+
:::

0 commit comments

Comments
 (0)