Overlapping header title with the control SectionStackSection

[microp]

Hello

I am having a problem when the title of the SectionStackSection is too long so it will overlapped with the Controls that are already added to the SectionStackSection.

Here is a sample code:

public void onModuleLoad() {

		SectionStack mainSectionStack = new SectionStack();
		mainSectionStack.setSize("100px", "700px");
		mainSectionStack.setVisibilityMode(VisibilityMode.MULTIPLE);
		
		Button bb = new Button("control");
		bb.setWidth(14);
		bb.setHeight100();
		
		VLayout testLayout = new VLayout();
		testLayout.setHeight(350);
		testLayout.setWidth(150);
		
		SectionStackSection section1 = new SectionStackSection("loooooooooooooooooooooooooooooooong text");
		section1.setExpanded(true);
		section1.setCanCollapse(false);
		section1.setControls(bb); // add the
		section1.addItem(testLayout);
		
		testLayout = new VLayout();
		testLayout.setHeight(350);
		testLayout.setWidth(100);
		
		SectionStackSection section2 = new SectionStackSection("short text");
		section2.setExpanded(true);
		section2.setCanCollapse(false);
		section2.addItem(testLayout);
		
		mainSectionStack.addSection(section1);
		mainSectionStack.addSection(section2);
		
		mainSectionStack.draw();

		
}

Also I attached a screen-shot.

[microp]

BTW: this appears in FF, IE and Chrome

[microp]

I completed all the required information, do not know why there is no response from Isomorphic !!!!!

[microp]

I completed all the required information, do not know why there is no response from Isomorphic !!!!!

[Brennens]

I think the issue here is the overlap of the text and the toolbar controls. I could see how to override the content of the header bar and the management of a custom toolbar so that the overlap could be controlled better. It seems like it would be better for the base header control to manage overlap better. Perhaps the header text should clip if there is overlap with the toolbar?

I think this is easy to reproduce on any browser/any version of smartGWT if you add a toolbar with a long title text. I know there are simple things we can do like shorten the text we have in the header, but there are some scenarios that are not as easy to tightly control. For instance if you wanted to say something like "My Things (400 of 600 Selected)". When localized this can be even longer and the space to display the header may be constrained.

I guess the question for me is if this is a defect. If it isn't, is there something simple we can do to prevent the overlap?