Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Paper-tabs initial render not working #759

Closed
betocantu93 opened this issue Jul 27, 2017 · 0 comments · Fixed by #1048
Closed

Paper-tabs initial render not working #759

betocantu93 opened this issue Jul 27, 2017 · 0 comments · Fixed by #1048

Comments

@betocantu93
Copy link
Contributor

betocantu93 commented Jul 27, 2017

I kept testing the paper-tabs and found a new issue if I set the initial tab to one that is not currently visible, it doesn't scroll to the correct "tab page" so it's hidden.

{{#paper-card as |card| }}

	{{#paper-tabs
	 borderBottom=true
	 selected=consultation.activeTab
	 onChange=(action (mut consultation.activeTab)) as |tabs|}}
	 	{{#tabs.tab  value="consult_reason"}}
			Motivo de Consulta
	  {{/tabs.tab}}
		{{#tabs.tab  value="background"}}
		Antecedentes
	  {{/tabs.tab}}
		{{#tabs.tab  value="appys"}}
		Interrogatorio APyS
	  {{/tabs.tab}}
		{{#tabs.tab  value="physical_exploration"}}
		Exploración Física
	  {{/tabs.tab}}
		{{#tabs.tab  value="laboratory"}}
		Laboratorio y Gabinete
	  {{/tabs.tab}}
		{{#tabs.tab  value="diagnosis"}}
		Diagnostico
	  {{/tabs.tab}}
		{{#tabs.tab  value="treatment"}}
		Tratamiento
	  {{/tabs.tab}}

	{{/paper-tabs}}
	
	{{component consultation.componentName model=model errors=errors}}

{{/paper-card}}


Currently this happens if I initially render "treatment" tab

image

And I expected this behaivor

image

Or even better to be in the "middle"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant