# Element disappeared after adding new element to a box via Visual Editor or JSX editor

**URL:** <https://forum.builder.io/t/element-disappeared-after-adding-new-element-to-a-box-via-visual-editor-or-jsx-editor/5842>\
**Category:** Visual Editor Help\
**Created:** [June 21, 2024, 4:45pm UTC](https://forum.builder.io/t/element-disappeared-after-adding-new-element-to-a-box-via-visual-editor-or-jsx-editor/5842 "2024-06-21T16:45:28Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![lois](https://avatars.discourse-cdn.com/v4/letter/l/5f8ce5/32.png) [@lois](https://forum.builder.io/u/lois)\
**Post date:** [June 21, 2024, 4:45pm UTC](https://forum.builder.io/t/element-disappeared-after-adding-new-element-to-a-box-via-visual-editor-or-jsx-editor/5842/1 "2024-06-21T16:45:28Z")

</div>

_Please fill out as many of the following questions as possible so we can help you promptly! If you don’t know how to answer or it does not apply, feel free to remove it or leave it blank._

**Builder content link**

> **[Builder.io: Visual Development Platform](https://builder.io/content/0413c2321a0b4a27973bc601ed31b550/edit?activeDesignerTab=0&selectedBlock=builder-8a96e83d4b82477bbd57802b453e8258)**
>
> Drag and drop with your components, right within your existing site or app. Build and optimize digital experiences for any tech stack, visually..

**Builder public api key**  
ea8c8e416fd64171bc2ef9ac5ac226e6

**What are you trying to accomplish**  
I need to add a link within a box on the website. Couldn’t do it via the visual editor, whevever I try to drag and drog a text box into a box, it doesn’t work. And then I tried to edit in JSX and it doesn’t work either.

**Screenshots or video link**  
https://www.loom.com/embed/455152c81f964b408163a0c1a45b6591?sid=1553da38-e50f-4208-819b-2e7fb1186422

**Code stack you are integrating Builder with**  
React

**Reproducible code example**

```auto
export default function MyComponent(props) {
  return (
    <div class="box-border flex relative flex-col shrink-0 mt-5 h-[200px]">
      <a
        href="url"
        class="box-border flex relative flex-col pt-5 pr-8 mx-auto mt-2.5 w-full h-auto cursor-pointer pointer-events-auto leading-[normal] max-w-[1180px] text-blue-50 text-opacity-60"
      >
        <p>Privacy Policy</p>
      </a>
      <a
        href="mailto:support@email.com"
        class="box-border flex relative flex-col pt-5 pr-8 mx-auto mt-2.5 w-full h-auto cursor-pointer pointer-events-auto leading-[normal] max-w-[1180px] text-blue-50 text-opacity-60"
      >
        <p>Support</p>
      </a>
    </div>
  );
}

```

---

<div class="post-metadata">

**Author:** ![TimG](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/timg/32/714_2.png) [@TimG](https://forum.builder.io/u/TimG)\
**Post date:** [June 28, 2024, 6:01am UTC](https://forum.builder.io/t/element-disappeared-after-adding-new-element-to-a-box-via-visual-editor-or-jsx-editor/5842/2 "2024-06-28T06:01:42Z")

</div>

Hey @lois I took a look at the page and it looks like the box was very small and so the pointer is currently just not sensitive enough to select dropping the text inside the box. If that is the case I often recommend dropping the text and then manually dragging and dropping it into its place in the Layer Tab so that it is perfectly in place.

If you increase the size of the box it is much easier to do as well

You can see here in this loom:  
https://www.loom.com/embed/232e439b897e4aefb1e4d60220fd18d3

We will raise internal feedback to look into making the dropping within smaller boxes more easy to use.

I was also able to recreate on your space the text not immediately being visible, though sometimes it was, and I think it could be related to the timeout that happens sometimes on the page. It seems there is something lagging on your app… another thing I noticed is that you seem to be on an outadted version of our QWIK SDK, it looks like you are on something around 0.4 and the SDK is now on 0.14.26… I would recommend updating and seeing if that helps resolve any issues!