<!-- 
RSS generated by JIRA (9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b) at Mon Feb 12 09:22:41 CET 2024

It is possible to restrict the fields that are returned in this document by specifying the 'field' parameter in your request.
For example, to request only the issue key and summary append 'field=key&field=summary' to the URL of your request.
-->
<rss version="0.92" >
<channel>
    <title>Magnolia - Issue tracker</title>
    <link>https://jira.magnolia-cms.com</link>
    <description>This file is an XML representation of an issue</description>
    <language>en-uk</language>    <build-info>
        <version>9.4.2</version>
        <build-number>940002</build-number>
        <build-date>19-01-2023</build-date>
    </build-info>


<item>
            <title>[MGNLUI-5046] Vertical spacing: change scrolling behavior in browser subapp with table</title>
                <link>https://jira.magnolia-cms.com/browse/MGNLUI-5046</link>
                <project id="10625" key="MGNLUI">Magnolia UI</project>
                    <description>&lt;p&gt;Specific to browser view:&lt;/p&gt;
&lt;ul&gt;
	&lt;li&gt;make title space incl. toolbar (view options, filter button) &amp;amp; filter box (e.g. definitions, resources, jcr) scrollable&lt;/li&gt;
	&lt;li&gt;make toolbar sticky below tab sheet so it doesn&#8217;t hide
	&lt;ul&gt;
		&lt;li&gt;if toolbar is sticky and user activates filters, scroll back to the top so filters are visible&lt;/li&gt;
		&lt;li&gt;if the user deactivates the filter, do not scroll, but deactivate all filters completely&lt;/li&gt;
		&lt;li&gt;if the user reactivates the filter, do not scroll, but reactivate all previous filters&lt;/li&gt;
	&lt;/ul&gt;
	&lt;/li&gt;
	&lt;li&gt;make title row of grid &amp;amp; tree table sticky below toolbar so it doesn&apos;t hide&lt;/li&gt;
	&lt;li&gt;toolbar is now smaller and compact, minor re-styling needed
	&lt;ul&gt;
		&lt;li&gt;remove line separators btw icons (filter, views) in toolbar&lt;/li&gt;
		&lt;li&gt;add new style for select field, height 23px, font-size 12px (e.g. in jcr app)&lt;/li&gt;
	&lt;/ul&gt;
	&lt;/li&gt;
&lt;/ul&gt;
</description>
                <environment></environment>
        <key id="73826">MGNLUI-5046</key>
            <summary>Vertical spacing: change scrolling behavior in browser subapp with table</summary>
                <type id="5" iconUrl="https://jira.magnolia-cms.com/secure/viewavatar?size=xsmall&amp;avatarId=10896&amp;avatarType=issuetype">Sub-task</type>
                            <parent id="72642">MGNLUI-4944</parent>
                                    <priority id="6" iconUrl="https://jira.magnolia-cms.com/images/icons/priorities/neutral.gif">Neutral</priority>
                        <status id="6" iconUrl="https://jira.magnolia-cms.com/images/icons/statuses/closed.png" description="The issue is considered finished, the resolution is correct. Issues which are not closed can be reopened.">Closed</status>
                    <statusCategory id="3" key="done" colorName="success"/>
                                    <resolution id="10000">Won&apos;t Do</resolution>
                                        <assignee username="sang.ngo">Sang Ngo Huu</assignee>
                                    <reporter username="sang.ngo">Sang Ngo Huu</reporter>
                        <labels>
                    </labels>
                <created>Tue, 26 Feb 2019 04:50:20 +0100</created>
                <updated>Wed, 10 Mar 2021 15:13:06 +0100</updated>
                            <resolved>Wed, 10 Mar 2021 15:13:06 +0100</resolved>
                                                                        <due></due>
                            <votes>0</votes>
                                    <watches>2</watches>
                                                    <progress percentage="100">
                                    <originalProgress>
                                                    <row percentage="0" backgroundColor="#89afd7"/>
                                                    <row percentage="100" backgroundColor="transparent"/>
                                            </originalProgress>
                                                    <currentProgress>
                                                    <row percentage="100" backgroundColor="#51a825"/>
                                                    <row percentage="0" backgroundColor="#ec8e00"/>
                                            </currentProgress>
                            </progress>
                                    <aggregateprogress percentage="100">
                                    <originalProgress>
                                                    <row percentage="0" backgroundColor="#89afd7"/>
                                                    <row percentage="100" backgroundColor="transparent"/>
                                            </originalProgress>
                                                    <currentProgress>
                                                    <row percentage="100" backgroundColor="#51a825"/>
                                                    <row percentage="0" backgroundColor="#ec8e00"/>
                                            </currentProgress>
                            </aggregateprogress>
                                            <timeestimate seconds="0">0d</timeestimate>
                            <timespent seconds="97200">3d 3h</timespent>
                                <comments>
                            <comment id="182882" author="sang.ngo" created="Thu, 21 Mar 2019 12:49:27 +0100"  >&lt;p&gt;It is really hard to implement &quot;sticky header&quot; in browser subapp, I tried few solutions but It still does not work.&lt;/p&gt;

&lt;p&gt;First, using &lt;tt&gt;sticky&lt;/tt&gt; &lt;a href=&quot;https://vaadin.com/directory/component/sticky&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;add-ons&lt;/a&gt; or &lt;tt&gt;sticky.js&lt;/tt&gt; (jquery) but the problems:&lt;/p&gt;
&lt;ol&gt;
	&lt;li&gt;Scrolling on layout conflicts with scrolling on 
{table}
&lt;p&gt; &lt;/p&gt;
{tree}
&lt;p&gt; &lt;/p&gt;
{grid}
&lt;p&gt;, I cannot force sth like enable scrolling on layout first then enable scrolling on table.&lt;/p&gt;&lt;/li&gt;
	&lt;li&gt;Other think is disable scroller on &lt;tt&gt;table&lt;/tt&gt; &lt;tt&gt;grid&lt;/tt&gt; &lt;tt&gt;tree&lt;/tt&gt;, means that set full height for them and user can scroll on layout, but &lt;tt&gt;table&lt;/tt&gt; &lt;tt&gt;grid&lt;/tt&gt; &lt;tt&gt;tree&lt;/tt&gt; supports lazyloading, So we don&apos;t know how height it is.&lt;/li&gt;
	&lt;li&gt;So I decide that only use scroller on &lt;tt&gt;table&lt;/tt&gt; &lt;tt&gt;grid&lt;/tt&gt; &lt;tt&gt;tree&lt;/tt&gt;. There are a solutions:&lt;/li&gt;
&lt;/ol&gt;


&lt;ul&gt;
	&lt;li&gt;Add small piece of code to 
{VMagnoliaTable}
&lt;p&gt;, then add css class and style for the header.&lt;/p&gt;
&lt;div class=&quot;code panel&quot; style=&quot;border-width: 1px;&quot;&gt;&lt;div class=&quot;codeContent panelContent&quot;&gt;
&lt;pre class=&quot;code-java&quot;&gt;
@Override
    &lt;span class=&quot;code-keyword&quot;&gt;public&lt;/span&gt; void onScroll(ScrollEvent event) {
        &lt;span class=&quot;code-keyword&quot;&gt;super&lt;/span&gt;.onScroll(event);

        &lt;span class=&quot;code-keyword&quot;&gt;if&lt;/span&gt; (event.getRelativeElement().getScrollTop() &amp;gt; 4) {
            getParent().addStyleName(&lt;span class=&quot;code-quote&quot;&gt;&quot;table-scrolled&quot;&lt;/span&gt;);
            getParent().getParent().addStyleName(&lt;span class=&quot;code-quote&quot;&gt;&quot;table-scrolled&quot;&lt;/span&gt;);
            getParent().getParent().getParent().addStyleName(&lt;span class=&quot;code-quote&quot;&gt;&quot;table-scrolled&quot;&lt;/span&gt;);
        } &lt;span class=&quot;code-keyword&quot;&gt;else&lt;/span&gt; {
            getParent().removeStyleName(&lt;span class=&quot;code-quote&quot;&gt;&quot;table-scrolled&quot;&lt;/span&gt;);
            getParent().getParent().removeStyleName(&lt;span class=&quot;code-quote&quot;&gt;&quot;table-scrolled&quot;&lt;/span&gt;);
            getParent().getParent().getParent().removeStyleName(&lt;span class=&quot;code-quote&quot;&gt;&quot;table-scrolled&quot;&lt;/span&gt;);
        }
    }
&lt;/pre&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;But I have other problem that when the height of header is pull up, height of &lt;tt&gt;table&lt;/tt&gt; &lt;tt&gt;grid&lt;/tt&gt; &lt;tt&gt;tree&lt;/tt&gt; still does not change (Vaadin only update view when have request to server) (tried with css but cannot fix)&lt;/p&gt;

&lt;ul&gt;
	&lt;li&gt;Still keep going with above solution, but try to call request to server. But seem the it conflicts with lazyloading.&lt;/li&gt;
&lt;/ul&gt;


&lt;ul&gt;
	&lt;li&gt;&quot;new&quot; &lt;tt&gt;grid&lt;/tt&gt; is more complex than &lt;tt&gt;table&lt;/tt&gt;&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;Please see the  &lt;span class=&quot;nobr&quot;&gt;&lt;a href=&quot;https://jira.magnolia-cms.com/secure/attachment/52744/52744_FE-solution-720.mov&quot; title=&quot;FE-solution-720.mov attached to MGNLUI-5046&quot;&gt;FE-solution-720.mov&lt;sup&gt;&lt;img class=&quot;rendericon&quot; src=&quot;https://jira.magnolia-cms.com/images/icons/link_attachment_7.gif&quot; height=&quot;7&quot; width=&quot;7&quot; align=&quot;absmiddle&quot; alt=&quot;&quot; border=&quot;0&quot;/&gt;&lt;/sup&gt;&lt;/a&gt;&lt;/span&gt;  and &lt;a href=&quot;https://git.magnolia-cms.com/projects/VNPD/repos/ui/pull-requests?create&amp;amp;sourceBranch=refs/heads/MGNLUI-5046-vertical-spacing-change-scrolling-behavior-in-browser-subapp-with-table&quot; class=&quot;external-link&quot; target=&quot;_blank&quot; rel=&quot;nofollow noopener&quot;&gt;code branch&lt;/a&gt; for more detail. &lt;/p&gt;</comment>
                            <comment id="254196" author="rkovarik" created="Wed, 10 Mar 2021 15:13:06 +0100"  >&lt;p&gt;Closing this in favour of focus to the new framework.&lt;/p&gt;</comment>
                    </comments>
                    <attachments>
                            <attachment id="52744" name="FE-solution-720.mov" size="8622846" author="sang.ngo" created="Thu, 21 Mar 2019 12:49:26 +0100"/>
                    </attachments>
                <subtasks>
                    </subtasks>
                <customfields>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <customfield id="customfield_10111" key="com.atlassian.jira.toolkit:reporterdomain">
                        <customfieldname>Company</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>magnolia-cms.com</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                <customfield id="customfield_10031" key="com.atlassian.jira.ext.charting:firstresponsedate">
                        <customfieldname>Date of First Response</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>Wed, 27 Mar 2019 11:39:59 +0100</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_12730" key="com.atlassian.jira.plugins.jira-development-integration-plugin:devsummary">
                        <customfieldname>Development</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_14151" key="com.atlassian.jira.toolkit:message">
                        <customfieldname>Docu info</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <customfield id="customfield_10061" key="com.atlassian.jira.toolkit:lastusercommented">
                        <customfieldname>Last comm is not jira-dev</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>false</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10071" key="com.atlassian.jira.toolkit:lastupdaterorcommenter">
                        <customfieldname>Last participant</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>ajones</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_13136" key="com.atlassian.jira.toolkit:LastCommentDate">
                        <customfieldname>Last public comment date</customfieldname>
                        <customfieldvalues>
                            2 years, 48 weeks, 4 days ago
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                            <customfield id="customfield_10020" key="com.atlassian.jira.toolkit:attachments">
                        <customfieldname>Number of attachments</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>1.0</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10150" key="com.atlassian.jira.toolkit:comments">
                        <customfieldname>Number of comments</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>2.0</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <customfield id="customfield_10011" key="com.atlassian.jira.toolkit:participants">
                        <customfieldname>Participants</customfieldname>
                        <customfieldvalues>
                                        <customfieldvalue>rkovarik</customfieldvalue>
            <customfieldvalue>sang.ngo</customfieldvalue>
    
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                    <customfield id="customfield_10833" key="com.pyxis.greenhopper.jira:gh-lexo-rank">
                        <customfieldname>Rank</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>0|y011k0:</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10244" key="com.pyxis.greenhopper.jira:gh-global-rank">
                        <customfieldname>Rank (Obsolete)</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>9223372036854775807</customfieldvalue>
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <customfield id="customfield_14145" key="com.intenso.jira.issue-templates:issue-templates-customfield">
                        <customfieldname>Template</customfieldname>
                        <customfieldvalues>
                            


                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                <customfield id="customfield_15131" key="com.onresolve.jira.groovy.groovyrunner:scripted-field">
                        <customfieldname>Time in Discovery</customfieldname>
                        <customfieldvalues>
                            <customfieldvalue>0</customfieldvalue>

                        </customfieldvalues>
                    </customfield>
                                                                <customfield id="customfield_10032" key="com.atlassian.jira.ext.charting:timeinstatus">
                        <customfieldname>Time in Status</customfieldname>
                        <customfieldvalues>
                            
                        </customfieldvalues>
                    </customfield>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </customfields>
    </item>
</channel>
</rss>