Giter Site home page Giter Site logo

Sticky: Filtering column in p:dataTable/p:column, using sticky feature, do not allow user input. Must use scrolling to activate about primefaces HOT 10 CLOSED

uvula avatar uvula commented on July 22, 2024
Sticky: Filtering column in p:dataTable/p:column, using sticky feature, do not allow user input. Must use scrolling to activate

from primefaces.

Comments (10)

melloware avatar melloware commented on July 22, 2024 1

This will be in 14.0.1

from primefaces.

melloware avatar melloware commented on July 22, 2024

@uvula here is your reproducer with a patch included to make it work in test.js

pf-11988.zip

from primefaces.

uvula avatar uvula commented on July 22, 2024

Sorry, not working for me.
Download ZIP pf-11988.zip, Browser cache cleaned. I need to use mouse wheel or scrolling to activate this field.
Also embeeded to primefaces-test project, override test.js and added <h:outputScript name="test.js" /> to my main.xhtm. Not fixed.
Both with PF 14.0.0

from primefaces.

melloware avatar melloware commented on July 22, 2024

@uvula when I run the reproducer above which includes test.js here is my result:

datatable-sticky

from primefaces.

uvula avatar uvula commented on July 22, 2024

test js
Without do some scrolling, I can't insert into the field (FF 126.00 64-bit - german, Edge 125.0.2535.51 (Offizielles Build) (64-Bit), german).

  • When I use "tab" key as long as I reach the field, I can insert now a value.
  • Mouse wheel one movement -> I can click and insert.
  • Browser scroll bar, one click, then I can click and insert.

When cleaning the browser cache, I see "test.js" is loaded with 4.13kB (size) and status 200

from primefaces.

melloware avatar melloware commented on July 22, 2024

What happens if you load the page and just click it with the mouse like I did. No other scrolling?

If you notice in my video I don't scroll or use mouse wheel or use TAB.

from primefaces.

uvula avatar uvula commented on July 22, 2024

PF13.0.5 (pf-11988.zip extracted)
When I enter the view (load the page), I hover over the field "Name". The field get a thin blue frame, but the cursor is not blinking within the field.
I can click the field: thin blue frame, cursor is in the field and blinking. Field receives input -> filtering
All actions above without using mouse wheel, scrolling or tab.

PF14.0.0 (pf-11988.zip extracted)
When I enter the view (load the page), I hover over the field "Name": nothing happens, no blue frame, no cursor.
I click as next action into the field "Name", nothing happens. Field is not getting active, I can't insert/typing any value into the field. The field don't get a thin blue frame. I don't get a cursor.
When I (next) use mouse wheel, one rotation step: I hover -> blue frame, clicking -> blue frame, cursor blinking. I can enter value -> filtering is working.

Maybe the ZIP you send is not last version?
certutil -hashfile test.css
SHA1-Hash von test.css:
86e1b254e0ca26d1b46943803d7cb02cd20692d0
certutil -hashfile test.js
SHA1-Hash von test.js:
2c8c517bc549266234b92179c90653e322e3b2d3

To see, some changes happens on the page itself, I put into node.xhtml more text (paragraph) and see my new text after redeploy to jetty (stopping/starting). When jetty is started, I see either PF 13.0.5 or PF 14.0.0 in the console output.

Strange.

from primefaces.

uvula avatar uvula commented on July 22, 2024

Test above was done at work in business environment and using a RDP session.
I have done the same test (pf-11988.zip) with my private system, without RDP session. Same behavior above described. No frame, no cursor.
FF + Chrome
Both Windows 10 systems.

from primefaces.

melloware avatar melloware commented on July 22, 2024

Can you try this version:
pf-11988-2.zip

from primefaces.

uvula avatar uvula commented on July 22, 2024

Yeah, this version is working. Browser cache cleaned. Startet jetty. Looks fine.

  • When page is loaded, hovering over the field getting thin blue frame. Clicking field, cursor appears. All without scrolling/mouse wheel.
    • Filtering is working
  • Because the page is showing 100 rows, I can scroll and the sticky effect is working and keeps "Name" field adjusted direct under the menu.
    • Also here, with the "Name" field (sticky) I getting thin blue frame (hover), and I can click and insert a string for filter -> filtering is working

Great work! Thanks thanks thanks.

Any plan in which version I can use? I will use it in my next deployments.

from primefaces.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.