question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

BlockUI: Custom Content stays out of the block

See original GitHub issue

Describe the defect I was testing the snapshot version to see if it solves a problem I have, and then I noticed that when I add a custom content to a blockUi, it stays out of the block

Reproducer

Environment:

  • PF Version: Snapshot (12)
  • PF Theme: Saga
  • JSF + version: Mojarra 2.2.20
  • Affected browsers: ALL_

To Reproduce Steps to reproduce the behavior:

  1. Go to http://localhost:8080/primefaces-test/
  2. Go to next page of the datatable
  3. You’ll see the spinner spinning above the datatable instead of over the datatable

Expected behavior The custom content (in this case the spinner icon) should be inside the blockUi not outside.

Example XHTML

        <h:form id="frmTest">
			<p:dataTable
					id="table"
					widgetVar="tableVar"
					var="itemPopup"
					value="#{testView.lazyDM}"
					resizableColumns="true" 
					liveResize="true"
					paginator="true"
					paginatorPosition="top"
					lazy="true"
					rows="5"
					filterDelay="500"
					draggableColumns="false"					
					selection="#{testView.selecteds}"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
					scrollable="false"
					rowKey="#{itemPopup.id}"
					rowIndexVar="linhaAtual"
					rowSelectMode="add"
					>
					<p:column selectionMode="multiple" style="width:16px;text-align:center"/>
					<p:column headerText="Code">
						<h:outputText value="#{itemPopup.id}"/>
					</p:column>
					<p:column headerText="Name">
						<h:outputText value="#{itemPopup.name}"/>
					</p:column>
		
			</p:dataTable>	
			
			<p:blockUI block="table" trigger="table" widgetVar="blkVar"  >					  
				<i class="pi pi-spin pi-spinner" style="font-size: 3rem"></i>
			</p:blockUI>	            
        </h:form>

primefaces-test-master.zip

image

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
SirErrorcommented, Apr 5, 2022

Ahhh yeah I was using 12.0.0-SNAPSHOT you have to put it back to using Master the way you had it before. I updated your pom so i could debug locally.

yeaaaah, tried it and it’s working perfectly again =) thanks!

Ps. please don’t get mad at me for asking this, but is there a roadmap for the next prime version? I remember reading somewhere that would be 2 realeases per year =X

0reactions
mellowarecommented, Apr 5, 2022

That is the goal 2x a year so last one was December so that would mean next one would be May-ish but that all depends on PrimeTek’s schedule.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Jquery block UI not working when used twice? - Stack Overflow
I chopped your code up a bit but this is working. $(document).ready(function() { $.blockUI({ css: { border: 'none', padding: '15px', ...
Read more >
Fix #8629: BlockUI don't resize content by melloware · Pull Request ...
Successfully merging this pull request may close these issues. BlockUI: Custom Content stays out of the block. 1 participant.
Read more >
Remove the 'disabled' region from Block UI [#2513534] - Drupal
Replace with a 'disabled' block state, so the blocks stay in the region they are, but are visually styled to be disabled. API...
Read more >
Register Endpoint for Custom Content Block Component
Once you know the hosted endpoint for your custom content block UI, you must register that endpoint in a Marketing Cloud installed package....
Read more >
How do I use a block UI overlay without losing UI events?
User edits field and field looses focus (e.g. the user tabs out, or clicks into another field, or clicks a footer button); AJAX...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found