I really like to jump from one <el>
to the end of </el>
with matchit. I am using it for jsx, but it does not seem to work if I have an element that is declared with />
, does anybody have an idea how to fix the issue.
Here is an example of what is not working:
<Scene key="tabbar" component={NavigationDrawer} initial={true}>
<Scene key="main" tabs={true} default="tab2" >
<Scene key="tab1" title="Tab #1" icon={TabIcon} navigationBarStyle={{backgroundColor:"red"}} titleStyle={{color:"white"}}>
<Scene key="tab1_1" component={TabView} title="Tab #1_1" onRight={()=>alert("Right button")} rightTitle="Right" />
<Scene key="tab1_2" component={TabView} title="Tab #1_2" titleStyle={{color:"black"}}/>
</Scene>
<Scene key="tab2" initial={true} title="Tab #2" icon={TabIcon}>
<Scene key="tab2_1" component={TabView} title="Tab #2_1"/>
<Scene key="tab2_2" component={TabView} title="Tab #2_2" onLeft={()=>alert("Left button!")} leftTitle="Left" duration={1} panHandlers={null}/>
</Scene>
<Scene key="tab3" component={TabView} title="Tab #3" hideTabBar={true} icon={TabIcon}/>
<Scene key="tab4" component={TabView} title="Tab #4" hideNavBar={true} icon={TabIcon}/>
<Scene key="tab5" component={TabView} title="Tab #5" icon={TabIcon} renderRightButton={()=><Right/>}/>
</Scene>
</Scene>
I want for example to go from the first Scene open <Scene>
to the end </Scene>
. However when I press %
, nothing happens.
<Scene.*/>
,%
works properly and with them the matching doesn't work anymore. The weird part is that it seems to be happening only on your example file, because I have other html files with self closing tags and%
behaves properly in them... Maybe it is due to the fact that all your tags areScene
but that seems weird.