1
00:00:00,800 --> 00:00:05,150
There's one little thing I forgot to change inside the last video right now, if I do an element inspection

2
00:00:05,150 --> 00:00:09,020
of the iFrame, we'll see that we are currently always showing that after element.

3
00:00:09,260 --> 00:00:11,000
We don't want to only show the after element.

4
00:00:11,000 --> 00:00:14,330
We only want to show it if a user is actively dragging on this panel.

5
00:00:15,170 --> 00:00:20,180
So to make sure that we only show that after when we are doing the active drag, remember our body Elliman

6
00:00:20,180 --> 00:00:26,480
up here gets a class of react Digable Transparent selection whenever we are actively doing the drag.

7
00:00:27,550 --> 00:00:32,800
But to make sure that we selectively show the after I'm going to go back over to my preview file, I'll

8
00:00:32,800 --> 00:00:34,390
find that body Selecta right there.

9
00:00:34,430 --> 00:00:37,330
And we're going to edit update it to not react.

10
00:00:37,900 --> 00:00:38,500
Dragonball.

11
00:00:39,700 --> 00:00:41,950
Transparent selection.

12
00:00:43,250 --> 00:00:47,700
And I'll save this, and now if I go back over and refresh.

13
00:00:48,570 --> 00:00:53,250
I should be able to do an element inspection of the iFrame, and when I do, it will show the iFrame

14
00:00:53,250 --> 00:00:54,950
and no after element after.

15
00:00:55,650 --> 00:01:00,090
It's only when I start to do the drag that I will see after up here, which is exactly what we want.

16
00:01:00,840 --> 00:01:01,740
OK, that looks good.

17
00:01:02,250 --> 00:01:04,340
Well, let's continue on in just a moment.